更新时间:2022-12-20 15:46:52贡献者收藏我的文档设置返回文档如果需要在高 dpr(devicepixelratio)下取得更细腻的显示,需要先将 canvas 用属性设置放大,用样式缩小,例如:plain text复制代码912常见问题 原生 canvas 组件适配参考 原生 canvas 组件适配。 小程序中如何进行手写签名参考 小程序中如何进行手写签名。 如何解决画布模糊问题参考 如何解决画布模糊问题。 小程序前端实现图片转换base64图片数据参考 小程序前端实现图片转换base64图片数据。 小程序canvas生成图片保存可以使用 canvascontext.totempfilepath 把当前画布的内容导出生成图片,并返回文件路径。注:返回的文件路径是临时路径,所以还需要通过 my.saveimage 保存图片到相册。 canvas画布不显示●创建画布的方法 my.createcanvascontext('canvasid') 没有放到 onready 方法中。●createcanvascontext 方法中的 id 与 amxl 文件中的 canvas 的 id 不一致。 多次调用canvas.draw()之前的画布内容未清除执行方法之前保存状态,参数设置好之后恢复状态再画,具体可以参考 canvascontext.draw。 小程序是否支持echart小程序由于兼容问题目前不支持直接使用 echarts,如需要使用可使用 的 f2 支付宝小程序 my-f2(推荐)。说明:f2 的支付宝小程序版本,支持原生 f2 的所有功能,f2 api 参见:npm安装:npm install @antv/my-f2 --save开发工具中安装:打开 npm依赖管理--输入 @antv/my-f2 回车运行安装。具体使用可安装完成 @antv/my-f2 后打开 node_modules 查看对应 readme.md。totempfilepath导出图片空白●使用 image 看下图片是否可以正常显示,正常显示才可以导出图片。●若使用了 ctx.drawimage,ctx.drawimage 调用后建议等执行完成后再调用 totempfilepath 进行导出图片,否则会出现 ctx.drawimage 未执行完成就 totempfilepath 进行导出图片会出现空白的。this.context.totempfilepath 放到 this.context.draw() 的回调里执行。canvas图片保存到手机 把画布生成图片的,可以用 totempfilepath 生成临时路径,再使用 my.saveimage 保存到手机相册。