draw2d touch (js) 用图形旋转端口和边界框
draw2d touch (js) rotate ports and bounding box with figure
当我旋转图形时,draw2d 似乎只旋转图形的内部内容。例如使用这个函数;
function rotate (angle, figure){
if(!isNaN(parseFloat(angle)) && isFinite(angle)){
figure.setRotationAngle(angle%360);
}
以60为角度值,在具有4个混合端口的标签上进行以下旋转:
如何正确旋转图形的每个组件?你知道,有港口和一切。
为了旋转内容部分,我做了一个小技巧。
如果您查看 DOM 中的旋转元素,它将有一个名为 "transform" 且值为 "matrix('some values')" 的属性。像这样:transform="matrix(0.5,-0.866025404,0.866025404,0.5,217.9572965841818,726.3312936065454)"
现在有了这部分,您可以做的是,无论何时调用旋转代码,您都可以从所选图形中复制变换属性并将其添加到内容中 part.then 它的行为就像旋转元素一样。
example
当我旋转图形时,draw2d 似乎只旋转图形的内部内容。例如使用这个函数;
function rotate (angle, figure){
if(!isNaN(parseFloat(angle)) && isFinite(angle)){
figure.setRotationAngle(angle%360);
}
以60为角度值,在具有4个混合端口的标签上进行以下旋转:
如何正确旋转图形的每个组件?你知道,有港口和一切。
为了旋转内容部分,我做了一个小技巧。
如果您查看 DOM 中的旋转元素,它将有一个名为 "transform" 且值为 "matrix('some values')" 的属性。像这样:transform="matrix(0.5,-0.866025404,0.866025404,0.5,217.9572965841818,726.3312936065454)"
现在有了这部分,您可以做的是,无论何时调用旋转代码,您都可以从所选图形中复制变换属性并将其添加到内容中 part.then 它的行为就像旋转元素一样。
example