fabric是canvas一個好用開源插件
在做ps會有聯動效果,canvas畫布點擊了圖形,右側生成圖形會跟著被選中
剛開始想到fabric自帶的事件object:selected(物件選中)( 這個方法v2已經廢棄),使用selection:created替代,多次不觸發,跟我們需求的不一樣,我們需要多次一直互動
結果找來找去沒找到,結果想起這不就是滑鼠點擊事件,判斷拿到值就可以哈,害,汗顏!!
"mouse:down": (e) => {
if (
this.ableEdit &&this.fabricObj.selectable
&& this.fabricObj.selection //畫布編輯功能打開&&畫布支持編輯
) {
if (e.target !== null) {
if (e.target.id == undefined) {
console.log(-1);
} else {
console.log(e.target.id);
}
} else {
console.log(-1);
}
}
通過e拿到想要的id傳值,就可一一對應了
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/306486.html
標籤:區塊鏈
