レビュー待ち
SVG foreignObject does not taint the canvas for blob URLs リンクをコピーしました！
HTML の canvas の drawImage 操作で、SVG ソースを含む <img> 要素を使用する機能は、すべてのブラウザで以前からサポートされていましたが、canvas の汚染動作はプラットフォームによって異なります。SVG ソースに foreignObject タグが含まれ、HTTP URI スキームで参照されている場合、すべてのブラウザで canvas が汚染されます。同じ SVG がデータ URI を介して参照されている場合、すべてのブラウザで canvas を汚染しないことに同意しています。しかし、blob URI が使用される場合、Chromium (この変更前) と WebKit は canvas を汚染しますが、Gecko は汚染しません。この機能がリリースされると、Chromium の動作は Gecko の動作と一致するようになり、canvas の drawImage 呼び出しで、汚染されることなくより幅広い SVG コンテンツを使用できるようになります。