Chrome：汚染されたキャンバスはエクスポートできません。オフラインオンリーアプリケーション

Question

この質問は、Tainted canvases may not be exportedなど、このトピックに関する既存の質問の多くと同様ですが、同一ではありません。

私はオフライン専用のアプリを作成していますが、この方法はそのままでローカルWebサーバーは使用できません。データをベースイメージにコピーするためにキャンバス上のCORSチェックを回避する方法はありますか？

var c1 = document.getElementById("tmp1"); 
var ctx1 = c1.getContext('2d'); 
var tmpImg1 = document.getElementById("tmpimg1"); 
ctx1.drawImage(img1, 0, 0, 150, 150);  
tmpImg1.src = c1.toDataURL(); 

が

---

Chromeからのエラーメッセージが次のとおりです。：で

Uncaught SecurityError: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.

---

ここ

---

は、私がしようとしているコードの例です。オフラインのみの状況、利用可能なオプションそれでも同じ最終結果が出る？

Answer 1

すべてimg.srcをインラインbase64でエンコードされたURLとして指定できます。

img.src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAA ..." 

このように、すべてのimgはあなたのアプリにとってローカルであり、CORSは満足しています。