[解決済み】SVGファイル内のtransformを削除する方法
2022-04-13 23:10:23
質問
しばらく悩んでいるのですが、どこにも(うまくいく)答えが見つからないようです。私は以下のようなSVGファイルを持っています。
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
...
width="72.9375"
height="58.21875"
...>
...
<g
...
transform="translate(10.75,-308.96875)"
style="...">
<path
inkscape:connector-curvature="0"
d="m -10.254587,345.43597 c 0,-1.41732 0.17692,-2.85384 0.5312502,-3.5625 0.70866,-1.41733 2.14518,-2.82259 3.5625,-3.53125 1.41733,-0.70866 2.11392,-0.70867 3.53125,0 1.41732,0.70866 ... z"
... />
</g>
</svg>
を削除したい。
transform="..."
という行がありますが、画像は(InkScapeで)配置したままの状態になっています。手動でトランスフォームを削除すると、画像は画面の別の場所に移動します (予想通り) が、トランスフォームを完全に削除して、同時に画像を正確に配置したい場所にとどめる必要があります。トランスフォームをパス座標そのものに除去/平坦化する方法はありますか?(私が扱わなければならない変換は translate と scale だけで、matrices はありません。)
どのように解決するのですか?
削除方法 トランスフォーム での
- svg ファイルを Inkscape で開く
- 編集 -> すべてを選択」に進みます。
- オブジェクトへ移動 -> グループ解除
- 編集に進む -> XMLエディタ
- レイヤー内のtransform属性を検索し、削除します。
別のトランスフォーム属性を作成せずに、すべてのオブジェクトを完全に移動させる方法
- 編集 -> すべてのレイヤーですべてを選択します。
- オブジェクトへ移動 -> トランスフォーム
トランスフォームパネルで
- チェックをはずす 相対移動 をチェックし 各オブジェクトに個別に適用
- 設定 水平 と 縦型 をクリックします。 適用
関連
-
[解決済み] d3.jsでノードのダブルクリックイベントを作成するにはどうすればよいですか?
-
[解決済み] SafariでSvg画像要素が表示されない
-
[解決済み] svg要素の色を変更するには?
-
[解決済み] Do I use <img>, <object>, or <embed> for SVG files?
-
[解決済み] ImageMagickでSVGをPNGに変換する方法は?
-
[解決済み】円弧(のSVGパス)を計算する方法)
-
[解決済み】SVGファイル内のtransformを削除する方法
-
[解決済み] SVGの円弧パスによる円形描画
-
[解決済み] SVG における text 要素の垂直アライメント
-
[解決済み] svgのx属性とdx属性の違いは何ですか?
最新
-
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 実装 サイバーパンク風ボタン