Question

我需要使用JS转换我的图像或base64中的div。

我在Internet上找到了执行此过程的html2canvas库，但始终显示错误：

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

当我添加元素“canvas”时，它没有显示错误，但是没有生成base64，也没有生成图像

我使用和不使用画布完成了代码，找到下面的代码。

使用画布

<script type="text/javascript">  
  var canvas = document.createElement('canvas');
  var map = document.getElementById("mapa");

  canvas.appendChild(map);

  html2canvas(canvas, { 
    useCORS: true,
    onrendered: function(canvas) {
    var dataUrl= canvas.toDataURL("image/png");
    console.log("Imagem - dataurl",dataUrl);
    var encodedPng = dataUrl.substr(dataUrl.indexOf(',') + 1, dataUrl.length);
    var decodedPng = Base64Binary.decode(encodedPng);
  }});

没有画布

<script type="text/javascript">     
  var canvas = document.getElementById("mapa");
  html2canvas(canvas, { 
    useCORS: true,
    onrendered: function(canvas) {
    var dataUrl= canvas.toDataURL("image/png");
    console.log("Imagem - dataurl",dataUrl);
    var encodedPng = dataUrl.substr(dataUrl.indexOf(',') + 1, dataUrl.length);
    var decodedPng = Base64Binary.decode(encodedPng);
  }});

我感谢任何帮助，因为它已经不知道该怎么做才能完成这项任务！

韩国社交协会，

Div使用JS转换为image或base64

0 个答案: