如何解决fabricjs 动态设置边界框
我在一个组中有一个多边形(直角三角形)。当我将多边形旋转 20 度时,组的边界框不是我想要的。我想删除右侧的额外空间(见附件
_start:
mov x14,#0
mov x15,#12345
mov x16,#10
adr x20,result
divide:
udiv x17,x15,x16
msub x18,x17,x16,x15
add x18,x18,#48
strb w18,[x20,x14]
add x14,x14,#1
mov x15,x17
cbnz x17,divide
result:
.byte 0,0
mprotect
const points = [
{
"x": 0,"y": 0
},{
"x": 100,"y": 100
},{
"x": 0,"y": 0
}
]
const poly = new fabric.Polygon(points);
poly.set({
originX: "center",originY: "center",top: 150,left: 150,fill: "green"
})
var canvas = new fabric.Canvas("c");
var group = new fabric.Group();
window.group = group;
window.poly = poly;
canvas.add(group);
group.addWithUpdate(poly);
canvas.setActiveObject(group);
canvas.renderAll();
function rotate() {
const shape = group.item(0);
shape.set({
angle: shape.angle + 20
});
group.addWithUpdate();
group.setCoords();
canvas.renderAll();
}
document.getElementById("rotate").addEventListener("click",rotate);
图像)。我明白为什么会有空间,因为那是多边形的边界框。
有没有办法修剪组边界框以完全适合多边形的可见空间? 理想情况下,如果这是 fabricjs api 的一部分,那就太好了。否则,我不介意自己计算多边形的可见边界区域,但是是否可以使用该边界框来动态设置组的边界框?
JSFiddle:https://jsfiddle.net/garliu/tekugfhb/10/
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。