1. ホーム
  2. svg

flip svg 座標系

2023-09-29 22:05:22

質問

SVGの座標系を反転させて、[0,0]が左上ではなく左下になるようにする方法はないでしょうか?

どのように解決するのですか?

いろいろと実験してみましたが、論理的には次のような方法しかありません。

<g transform="translate(0,400)">
<g transform="scale(1,-1)">

ここで、400は画像の高さです。これは、画像の上部と下部が重なるようにすべてを移動させ、次に拡大縮小操作でY座標を反転させ、ページ/画像から外れた部分を反転させて残されたスペースを埋めるものです。