エントリーの編集
![loading...](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/common/loading@2x.gif)
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
[JavaScript] 動的SVGからpngを作りたいときはcanvgを使う。Image.src経由だとIEのSecurity Errorが出ちゃう « きんくまデザイン
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
![アプリのスクリーンショット](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/entry/app-screenshot.png)
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
[JavaScript] 動的SVGからpngを作りたいときはcanvgを使う。Image.src経由だとIEのSecurity Errorが出ちゃう « きんくまデザイン
こんにちは。きんくまです。 今回は、「動的SVGからpngを作りたいときはcanvgを使う。Image.src経由だと... こんにちは。きんくまです。 今回は、「動的SVGからpngを作りたいときはcanvgを使う。Image.src経由だとIEのSecurity Errorが出ちゃう」です。(長い) SVGを動的にJavaScriptでいろいろいじったものを画像化したかったのですが、最初にやってた方法だとIE11でエラーが出てしまいました。 2018年3月の現時点だと、SVGから直接png化するメソッドはなさそうです。 なので、SVGをcanvasに描画して、そこからtoDataURLでbase64化するという流れになります。 でハマった方を書く前に忙しい方のために、先にcanvgを使った方法を書いておきます。 canvgでsvgを画像化する >> GitHub – canvg/canvg: Javascript SVG parser and renderer on Canvas canvgはSVGをパースし