fspace https://blog.hatena.ne.jp/fspace/ エフアンダーバー https://www.f-sp.com/ JavaScript Electronでsvg要素を画像として保存したいと思い、Canvasに変換してからPNGとして保存しようと試みた結果、失敗したという話。 最終的に諦めたのでこの記事に解決策は書いてありません。 同じことをしたい人が時間を無駄にしないための記事です。 drawImageによる変換 svg要素はシリアライズしてからBlobURLに変換するとImageのソースとすることができ、 ImageはdrawImageメソッドによりCanvasに描画できます。 const serializer = new XMLSerializer(); const data = serializer.serializeT… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.f-sp.com%2Fentry%2F2017%2F10%2F23%2F221741" title="SVGをCanvasに変換しようとして失敗した話 - エフアンダーバー" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/f/fspace/20171023/20171023183142.png Hatena Blog https://hatena.blog 2017-10-23 22:17:41 rich https://www.f-sp.com/entry/2017/10/23/221741 1.0 100%