2016-07-29 12 views
1

図形の内側の内容だけを回転させると、draw2dが回転するようです。たとえば、この関数を使用します。角度値として60、と言うとdraw2d touch(js)図形でポートとバウンディングボックスを回転

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

、4つのハイブリッドポートでラベルに次回転する:私は正常にすべてのでフィギュアを回転させることができますどのように

Before Rotation

After Rotation

それのコンポーネントですか?あなたは、ポートとすべてで知っています。

+0

これは、ほとんど同じ結果が得られます VAR回転子=新しいdraw2d.command.CommandRotate($ scope.editor.selection.figure、角度)。 $ scope.commandStack.execute(rotator); – user2485309

答えて

0

コンテンツ部分を回転させるために行った小さなハックがあります。 DOM内の回転した要素を見ると、 "matrix( 'some values')という値を持つ" transform "という名前の属性があります。 transform="matrix(0.5,-0.866025404,0.866025404,0.5,217.9572965841818,726.3312936065454)" ここでは、回転コードが呼び出されるたびに、選択した図形からトランスフォームアトリビュートをコピーしてコンテンツパートに追加することができます。この場合、次のように動作します。回転要素。 example

関連する問題