canvas 切图遇到的问题

203 阅读1分钟

需求背景

1.需要在原图上标注 相对的坐标点 框出这个图形

2.生成一组 对比图,对不图基于另一张图

切图遇到的问题

开发环境

getImageInfo

方法慢

获取图片的时间 可以发布体验版测试正常

注意 需要小程序后台配置域名 downloadfile否则失败 配置完成后 本地看一下详情立马生效。否则很慢

这里直接创建画布画图,一开始说hidden的状态因为这个是基于 切图的 图不展示,但是发现,在使用hidden后

canvasToTempFilePath 方法 无法获取,并且也不会走 失败的回调,所以没办法,在切图完之前 展示,切图完之后隐藏, 这里也是一个带优化的点,目前是用loadding 遮盖,等切完图后展示

生成的小图后 点击后标记 原图相对的位置 这里又有一个坑

一开始用 wx:if 隐藏 在渲染无法再出现,

后面 加了一个相同的canvans 加上wx:if 第一次 加载的是不需要标记的canvas 点击切换 隐藏 原图,

这样就解决了很神奇,但实际上 还是会 显示隐藏,只不过 第一次换了一个画布,不知道为什么这里二次加载的 就可以 用wx:if 进行显示隐藏,并且可以重新渲染