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