5

SVG画像を取得し、それをキャンバスに描画し、toDataURLを介してエクスポートしようとしていますが、ChromeはそのDOMException18セキュリティエラーをスローします。問題は、データURIスキーム（data：image / svg + xml; base64）を使用してSVG画像をキャンバスに描画したためであることがわかっているため、ブラウザーはそれをクロスドメイン（つまり、セキュリティの問題）と見なします。しかし、SVGのものをキャンバスに取り込む他の方法は考えられません。SVGのコンテンツは動的であり、toDataURLを介してエクスポートする必要がある前に最初に操作されるため、ホストできません。

ここで尋ねられた他の同様の質問のいくつかを読みましたが、私の問題の解決策を見つけることができませんでした。

4

2 に答える 2

3

Chrome では、SVG に が含まれている可能性があるため、SVGをtaint に描画します。Chrome にはデータ URI スキームとにも問題があるため、2 つの問題が発生しています。canvasforeignObjectcanvas

于 2012-12-11T22:31:21.087 に答える
0

私も同じ問題を抱えてる。回避策として、SVG から HTML5 へのキャンバス コンバーターを使用して、svg をキャンバス呼び出しにトランスパイルしました。

于 2014-05-09T17:53:10.057 に答える