これは何 VSCode上でSVGを画像編集ソフトっぽく編集したくて作っている拡張です。Marketplaceのページ。 2018/9/2 少し追記 右側のウィンドウで図形を選択して動かしたりできます。この度Elmで書いていたのをすべてTypeScriptで書き直したので苦労話とかをまとめてみました。使って~ なぜElmをやめたの? portが辛かった...辛かったんです...許して... まあ実際のdom要素から取得しないといけない値とか結構あったので、だんだんきつくなっていったんですね。 はまった点 cssでwidthとかheightを指定するときはpxとか単位が必須、SVGと同じ気分で書いてはいけない SVGの要素はdocument.createElementNSで名前空間を指定する 単位換算 units-cssという便利ライブラリがあるがSVGにそのまま適用はできない %の計算にライ
![VSCodeでSVGを編集できるやつ2.0(SVG Editor) - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/4537e7b430dd11d943feb4289ff5ee788d286983/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9VlNDb2RlJUUzJTgxJUE3U1ZHJUUzJTgyJTkyJUU3JUI3JUE4JUU5JTlCJTg2JUUzJTgxJUE3JUUzJTgxJThEJUUzJTgyJThCJUUzJTgyJTg0JUUzJTgxJUE0Mi4wJTI4U1ZHJTIwRWRpdG9yJTI5JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz1lYzE2ZGFmYjNiN2RmMDA4NmFhMGEwNzZkZWRjNTk5Ng%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBoZW5vYyZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9MjQxMTc3MjAxMmQ1NjdmNTNmNTE4NThiNWQ5NDVjMjk%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Dbac543dbd4f353650521efc0b0d018ce)