draw2d touch (js) 用图形旋转端口和边界框

Question

当我旋转图形时，draw2d 似乎只旋转图形的内部内容。例如使用这个函数；

         function rotate (angle, figure){
            if(!isNaN(parseFloat(angle)) && isFinite(angle)){
                figure.setRotationAngle(angle%360);
            }

以60为角度值，在具有4个混合端口的标签上进行以下旋转：

如何正确旋转图形的每个组件？你知道，有港口和一切。

Answer 1

为了旋转内容部分，我做了一个小技巧。如果您查看 DOM 中的旋转元素，它将有一个名为 "transform" 且值为 "matrix('some values')" 的属性。像这样：transform="matrix(0.5,-0.866025404,0.866025404,0.5,217.9572965841818,726.3312936065454)" 现在有了这部分，您可以做的是，无论何时调用旋转代码，您都可以从所选图形中复制变换属性并将其添加到内容中 part.then 它的行为就像旋转元素一样。 example

draw2d touch (js) 用图形旋转端口和边界框

draw2d touch (js) rotate ports and bounding box with figure

javascript

rotation

diagramming

draw2d-js