flip svg 座標系
2023-09-29 22:05:22
質問
SVGの座標系を反転させて、[0,0]が左上ではなく左下になるようにする方法はないでしょうか?
どのように解決するのですか?
いろいろと実験してみましたが、論理的には次のような方法しかありません。
<g transform="translate(0,400)">
<g transform="scale(1,-1)">
ここで、400は画像の高さです。これは、画像の上部と下部が重なるようにすべてを移動させ、次に拡大縮小操作でY座標を反転させ、ページ/画像から外れた部分を反転させて残されたスペースを埋めるものです。
関連
-
[解決済み] Do I use <img>, <object>, or <embed> for SVG files?
-
[解決済み] HTML5 CanvasとSVGとdivの比較
-
[解決済み] ImageMagickでSVGをPNGに変換する方法は?
-
[解決済み] CSSを使用してSVG画像の色を変更する方法(jQuery SVG image replacement)とは?
-
[解決済み] 背景画像として提供されるSVGイメージの塗りつぶし色を変更するには?
-
[解決済み】css3を使ったSVGドロップシャドウ
-
[解決済み] [Solved] SVGをdivの中央に配置するには?
-
[解決済み】PNG画像をSVGに変換する方法は?[クローズド]
-
[解決済み】PNG vs. GIF vs. JPEG vs. SVGの異なるユースケースとは?[クローズド]
-
[解決済み] <svg> viewBox属性を使用するには?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】SVGオブジェクトの拡大縮小とミラーリング
-
[解決済み] d3.jsでノードのダブルクリックイベントを作成するにはどうすればよいですか?
-
[解決済み] SafariでSvg画像要素が表示されない
-
[解決済み】円弧(のSVGパス)を計算する方法)
-
[解決済み] SVGでtransformの原点を設定する方法
-
[解決済み] enable-background属性は、具体的に何をするのですか?
-
[解決済み] svgコードを.svg画像として保存するにはどうすればよいですか?[クローズド]
-
[解決済み] <svg> viewBox属性を使用するには?
-
[解決済み] SVGで矩形を中心軸に回転させる
-
SVGオブジェクトの拡大縮小とミラーリング