L
L
LearnJava
Search…
小程序bug

1.canvas 自动增加了display:none 属性--OK

增加了canvas-id就会展示了。

2. 拖拽延迟

  • 节流函数
  • 移动量大于一定值得时候再setData()
  • 使用动画API处理
原来这个原因:
/**
* 触摸小配件中
*/
partTouchMove: function (e) {
//获取当前小配件的partTouchData
//let partTouchData = e.currentTarget.dataset.item.partTouchData;
//获取当前小配件的id
let id = e.currentTarget.dataset.item.id;
let partTouchData = this.data.showDogs[id].partTouchData
let partTouchData = e.currentTarget.dataset.item.partTouchData;
改为
let partTouchData = this.data.showDogs[id].partTouchData
完美解决!!!
可能是通过data-绑定了复杂数据,不断循环获取的时候,会严重影响性能。

3. Canvas中如果先fill,clip会失效,需求是保存白底图片

因为要用fill画背景颜色,这个时候再剪切的话就会失效。
解决方法:
要使保存的canvas背景色是白色,可以在canvasToTempFilePath中加上一个参数, fileType: 'jpg'即可解决。
但是在Android上这样也不行,可以使用异步处理一下就OK了,好像clip和fillRect也不冲突。
context.fillStyle = "#fff";
context.fillRect(0, 0, width, height);

4. Canvas保存的图片像素太低

将目标图片的长和高*2

5.

Copy link
On this page
1.canvas 自动增加了display:none 属性--OK
2. 拖拽延迟
3. Canvas中如果先fill,clip会失效,需求是保存白底图片
4. Canvas保存的图片像素太低
5.