开发者社区
社区提问意见反馈
开发者钉组织
扫描二维码
加入支付宝开发者钉组织
文档中心
凯发app官方网站的技术支持 & 案例 faq 
支付宝小程序
案例分析
sdk & demo下载
常见问题
常用工具
iot小程序
运维保障
小程序 > 支付宝小程序 > 常见问题 > canvas画布常见问题
贡献者
收藏
我的文档
设置
如果需要在高 dpr(devicepixelratio)下取得更细腻的显示,需要先将 canvas 用属性设置放大,用样式缩小,例如:
plain text
复制代码
常见问题 
原生 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 保存到手机相册。
内容没有解决您的问题?您还可以前往 或 寻求帮助
凯发k8官方网娱乐官方 copyright © 2022 支付宝(杭州)信息技术有限公司  | icp证浙b2-20160559
该文档对你是否有帮助?
当前页面目录
网站地图