Question

与canvas.toDataURL()一致后，我的错误

无法执行＆＃39; toDataURL＆＃39; on＆＃39; HTMLCanvasElement＆＃39;：受污染的画布可能不会被出口

试图用我自己的搜索解决方案来源，但这并没有帮助我。有没有可能下载在画布上创建的图像？我看到了toDataURL()的例子，但不幸的是，这些例子对我不起作用。我会考虑其他解决方案。

＆＃13;

   _handleSaveButton(){
    var canvas = document.getElementById('memesCanvas');
    console.log(canvas);
    
    var canvasimage=document.createElement("img");
    canvasimage.setAttribute('crossOrigin','anonymous');
    canvasimage = canvas.toDataURL('image/png');
    canvasimage.replace(/^data:image\/[^;]/, 'data:application/octet-stream');
    alert(canvasimage);
  }
 
 <ReactButton onClick={() => this._handleSaveButton()} styleName={'generate-meme'} name='generate meme'/>

＆＃13;

Answer 1

我不久前就为代码挑战做了这个。不确定这是否正是你所需要的，但我希望它有所帮助。

{{1}}

不能将画布保存到图像 - 污染的画布 - 反应应用程序

1 个答案: