我也遇到这样的问题!
drawImage在开发工具上可以正常使用,真机上不正常let context = wx.createCanvasContext('myCanvas',this); context.drawImage("data:image/jpeg;base64," + wx.arrayBufferToBase64(res.data), 0, 0, 150, 100); context.draw(true, function (rs){ wx.canvasToTempFilePath({ canvasId: 'myCanvas', success: function (res) { self.setData({ tempSavePath: res.tempFilePath }); } }) });
2018-09-21IDE基础库:2.1.1 movable-view中animation的设置必须为: animation="{{false}}"才有效; animation="false"无效
给movable-view设置x,y设置初始值的时候,能否把动画去掉-因为movable-view初始滑动的位置是左上角,而项目中是需要它从右下角开始拖动,为了满足这个需求,我要去设置x,y的初始值,那问题就来了,进入页面会看到可移动的容器会从左上角,滑动到右下角,这个效果太不友好了吧? - 希望能给这个movable-view组件新增一个属性,就是设置x,y的值的时候,是否开启关闭滑动动画,估计这个需求也是很多开发人员会用到的,谢谢!
2018-07-07+1 问题依旧存在,官方的人出来走两步?
[Bug] get/putImageData在IOS真机上坐标系错误环境: 手机:iphone 7 plus ios:11.2.5 微信:6.6.1 基础调试库: 1.9.1 问题描述: 当使用wx.canvasGetImageData和wx.canvasPutImageData时发现坐标系原点不在左上角,而是在左下角。 当new一个Uint8ClampedArray后,填充数据,调用canvasPutImageData, 发现是从底部开始一行一行往上画,而非期望中的一行一行往下画。 此问题只有在ios真机上复现,在ide中和android真机上无法复现。 重现步骤: 1. 创建一个Uint8ClampedArray对象,填入数据(数据为width为5,高度255的从黑到红的渐变色) 2. 使用putImageData方法画该图像。 3.分别使用IDE,andriod真机,iphone真机预览效果。 期望结果: 能出现一个宽度为5,高度255,从黑渐变到红的图像。 实际结果: 在IDE,和android真机上看到的图像和期望一致。 在iphone真机上看到的图像是宽度为5,高度255,从红到黑渐变的图像。Y轴颠倒。经初步分析是犹豫坐标原点在左下方。 截图: IDE内预览: [图片] iphone真机上预览: [图片] 参考代码: draw: function () { let rgbaData = []; for (let i = 0; i < 255; i++) { rgbaData.push(i, 0, 0, 255); rgbaData.push(i, 0, 0, 255); rgbaData.push(i, 0, 0, 255); rgbaData.push(i, 0, 0, 255); rgbaData.push(i, 0, 0, 255); } var buffer = new ArrayBuffer(255 * 4 * 5); const imageData = new Uint8ClampedArray(buffer); for (let i in rgbaData) { imageData[i] = rgbaData[i]; } console.log(imageData.join()); wx.canvasPutImageData({ canvasId: 'myCanvas', x: 0, y: 0, width: 5, height: 255, data: imageData, success(res) { wx.canvasGetImageData({ canvasId: 'myCanvas', x: 0, y: 0, width: 5, height: 255, success(res) { console.log(res.data.join()); } }) }, fail(res) { console.log(res); } }) }
2018-05-15+1 同样的问题:wx.canvasGetImageData获得图像数据顺序在模拟器和ios真机不一致
canvasGetImageData 返回输入真机和开发环境不一致!我认为是官方接口的一个BUG!canvas的canvasGetImageData方法,在开发环境和真机,返回的数组不一致! 我的场景是canvas画一个二维码,然后识别二维码。结果在开发环境可以正确识别结果,但是真机报错。 通过多次检查,发现真机的canvasGetImageData方法,返回的数组和开发环境是不一致的。 通过简单的像素测试,代码如下: wx.canvasGetImageData({ canvasId: 'target', x: 0, y: 0, width: 300, height: 300, success: function (res) { for (var i = 0 + 300 * 3 * 105; i < 3 * 300 + 300 * 3 * 105; i++) res.data[i] = 99; 。。。。 我强制修改像素,在开发环境,修改的线条在图片上方,而真机线条在图像下方。明显矩阵是倒置的。
2018-05-15