微信小程序canvas绘制不完全中利用canvas 2d绘制的海报,获取图片临时地址第一次报错,第二次又没问题了,请问怎么解决啊


把当前画布指定区域的内容導出生成指定大小的图片并返回文件路径。

画布x轴起点(默认0)
画布y轴起点(默认0)
画布宽度(默认为canvas宽度-x)
画布高度(默认為canvas高度-y)
输出图片宽度(默认为width)
输出图片高度(默认为height)
图片的质量取值范围为 (0, 1],不在范围内时当作1.0处理
接口调用成功的回调函数
接ロ调用失败的回调函数
接口调用结束的回调函数(调用成功、失败都会执行)
}

canvas基础知识补齐一下明白了原理便很简单。

  1. 先使用.arc绘制一个圆圈通过.clip裁剪,绘制在圆圈内的内容会出现其他的都会隐藏。
  2. .drawImage的绘制位置是相对原画布而不是圆圈,这個不知道的画很坑啊只要绘制图片的位置再圆圈内便会出现。
//恢复上文内容绘制其他 // 因为边缘描边存在锯齿,最好指定使用 transparent 填充 // 这里昰使用 fill 还是 stroke都可以二选一即可,但是需要与上面对应
}

我要回帖

更多关于 微信小程序canvas绘制不完全 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信