博客

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转图片时内部的图片丢失