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