draw2d touch（js）用图形旋转端口和边界框答案

【问题标题】：draw2d touch (js) rotate ports and bounding box with figuredraw2d touch（js）用图形旋转端口和边界框
【发布时间】：2016-07-29 13:23:47
【问题描述】：

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

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

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

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

【问题讨论】：

这会产生几乎相同的结果： var rotator = new draw2d.command.CommandRotate($scope.editor.selection.figure, angle); $scope.commandStack.execute(rotator);

标签： javascript rotation diagramming draw2d-js

【解决方案1】：

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

【讨论】：