4

私は、コンテナ svg 要素と一連の内部サブ要素がある場合に直面しています。

<g transform="translate(-157.82326597222223, 381.00000000000006),  rotate(180)">
   <path d="M 0 10  L 600 10 L 680 63.5 L 600 117 L 0 117 Z"></path>
   <g transform="translate(180, 35.099999999999994)">
        <foreignObject width="240" height="46.800000000000004">
           <body>
               <div style="font-size: 19.400000000000002px; text-align: center;">xxxx
               <br>2<br>
               </div>
           </body>
       </foreignObject>
   </g>
</g>

問題は、メインの g を回転すると、すべての子要素も回転することです。これは当然のことです。内部の子要素の一部が回転しないようにする方法があるかどうかを知りたいだけです。したがって、私の例では、テキストが含まれているため、foreignObject を回転させたくありません。

4

1 に答える 1