canvas常见问题处理

1、绘制的分享图如何转为图片

var base64 = canvas.toDataURL("image/png");

注：常见格式image/png，image/gif,image/jpg,image/jpeg

 

2、绘制的分享图分享后背景为黑色

建议把转换的图片类型设置为 image/png

 

3、绘制的文字在ios不显示

ios中的canvas只支持px，不支持其他，故需要用px设置文字大小

可参考：https://blog.csdn.net/g_blue_wind/article/details/105161564

 

4、如何设置不同的样式

在写样式前加入  ctx.beginPath();     

注：canvas定义 

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");

 

5、把canvas转为图片格式时内部加载的图片不显示

利用img的complete属性判断图片是否加载完成

例：var interval = setInterval(function () {
              if(img.complete == true ){
                 clearInterval(interval );
                 var base64 = canvas.toDataURL("image/png");
               }
        }, 500);   

注：使用计时器没隔0.5秒检测一次，图片加载完成后取消计时器，把canvas转为图片格式，避免canvas转图片时内部的图片丢失