0
任意の形状をクリックする必要がないように形状が常に有効にする必要があります意味:は、どのように私はすべての形状が選択作るのですか、私はコードの下にしようとしている
canvas.setActiveGroup(new fabric.Group(canvas.getObjects())).renderAll();
にしかし、それはとしてグループ全体を選択し、単一のエンティティ。
任意の形状をクリックする必要がないように形状が常に有効にする必要があります意味:は、どのように私はすべての形状が選択作るのですか、私はコードの下にしようとしている
canvas.setActiveGroup(new fabric.Group(canvas.getObjects())).renderAll();
にしかし、それはとしてグループ全体を選択し、単一のエンティティ。
私はマウスオーバーで、マウスポインタが通過している要素を選択します。
window.canvas = new fabric.Canvas('c', {perPixelTargetFind: true});
var shadow = {
color: 'rgba(0,0,0,0.6)',
blur: 20,
offsetX: 10,
offsetY: 10,
opacity: 0.6,
fillShadow: true,
strokeShadow: true
}
var rect = new fabric.Rect({
left: 120,
top: 100,
fill: "#FF0000",
stroke: "#000",
width: 100,
height: 100,
strokeWidth: 10,
opacity: .8
});
var rect1 = new fabric.Rect({
left: 0,
top: 100,
fill: "#FF0000",
stroke: "#000",
width: 100,
height: 100,
strokeWidth: 10,
opacity: .8
});
canvas.on('mouse:move', function(e){
\t console.log('over1',e.target)
if(e.target && e.target !== canvas.getActiveObject())
canvas.setActiveObject(e.target)
})
rect.setShadow(shadow);
canvas.add(rect);
canvas.add(rect1);
<canvas id="c" width="300" height="300"></canvas>
あなたは歓迎されている –
その作業:-) ..ありがとう:D – deividsito