36462


お世話になります。

HTMLの`<svg>`要素の中の`<path>`と、イラレで書き出したSVGファイルに含まれる`<path>‌`​では、ベジェ曲線の書き方が若干‌​違うようで、それを書き換える必要があるよ‌​うです。

イラストレーターで描き、SVGに書き出したベジェ曲線を、HTML中のSVGで使えるpath要素に簡単に変換できるツールなどありませんか？  
または、変換の仕方の情報でも良いです。


CC BY-SA 3.0
2017-07-17T12:31:15.753
36453
2017-07-18T04:27:15.107
2017-07-18T03:11:51.437
3054
12297
question
html svg
イラストレーターでSVGに書き出したベジェ曲線を、HTML内で使える形式に変換したい


> htmlにコピペしても描画されません。

HTMLは`http://www.w3.org/1999/xhtml`、SVGは`http://www.w3.org/2000/svg`と[XML名前空間](https://www.w3.org/TR/html5/infrastructure.html#namespaces)が異なります。XMLに対応したエディタであればコピー＆ペーストを行ってもXML名前空間を適切に修正しますが、未対応のテキストエディタの場合、文字列そのままをペーストしてしまうため、誤った名前空間に展開され、その結果、正しいSVGと認識されません。

使用するツールを変更するか、[名前空間の速修講座](https://developer.mozilla.org/ja/docs/Web/SVG/Namespaces_Crash_Course)などを参考に修正する必要があります。


CC BY-SA 3.0
2017-07-18T04:27:15.107
36462
2017-07-18T04:27:15.107
4236
36453
answer