Canvasを利用して画像データをBase64で取得する時の制限 (Kanasansoft Web Lab.)

前のエントリーで書いたCanvas要素を使って画像データを取得する方法を試すために次のコードを書いた。 ( function(){ //Canvas要素を準備 var canvas=document.createElement("canvas"); if(!canvas.getContext){return false;} //画像オブジェクトの準備 var url=prompt("image url",""); if(url==null||url==""){ return; } var img=new Image(); img.src=url; //Canvasサイズの指定 // canvas.width="100"; // canvas.height="100"; //画像の描画 var cx=canvas.getContext("2d"); cx.drawImage(img,0,0)

[efcl]

XMLHttpRequestでファイルをDataSchemeで取得