canvas.toDataURL image/png エラー処理方法の推奨

問題の背景:

再生中のビデオのスクリーンショットを撮る必要があります。ビデオはビデオタグを使用して再生され、ビデオ再生領域をクリックするとリアルタイムのフレーム画像がキャプチャされます。

コードは次の通り非常にシンプルです:

質問:

キャッチされない SecurityError: 'HTMLCanvasElement' で 'toDataURL' を実行できませんでした: 汚染されたキャンバスはエクスポートできない可能性があります。

確認と分析の結果、これは実際にはビデオファイルが配置されているドメインと、画像やページが配置されているドメインが異なっていたため、クロスドメイン伝送の問題が発生していたことが判明しました。

解決：

ビデオ ファイルをページがあるドメインの下に配置します。

元のアドレス: http://blog.csdn.net/luochao_tj/article/details/44942125