こんにちは。きんくまです。 今回は、「動的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をパースし