javascript - 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)" 现在有了这部分，您可以做的是，每当调用旋转代码时，您可以从选定的图形复制变换属性并将其添加到内容部分。然后它的行为就像旋转的元素一样。 例子