- 【BUG】mac开发工具clip的bug
按照官方示例 https://developers.weixin.qq.com/miniprogram/dev/api/canvas/clip.html [代码]wx.downloadFile({[代码][代码] [代码][代码]url: [代码][代码]'http://is5.mzstatic.com/image/thumb/Purple128/v4/75/3b/90/753b907c-b7fb-5877-215a-759bd73691a4/source/50x50bb.jpg'[代码][代码],[代码][代码] [代码][代码]success: [代码][代码]function[代码] [代码](res) {[代码][代码] [代码][代码]ctx.save()[代码][代码] [代码][代码]ctx.beginPath()[代码][代码] [代码][代码]ctx.arc(50, 50, 25, 0, 2 * Math.PI)[代码][代码] [代码][代码]ctx.clip()[代码][代码] [代码][代码]ctx.drawImage(res.tempFilePath, 25, 25)[代码][代码] [代码][代码]ctx.restore()[代码][代码] [代码][代码]ctx.draw([代码][代码]true[代码][代码])[代码][代码] [代码][代码]}[代码][代码]})[代码]在测试开发工具上正常显示,但是只要在前面绘制一次fill()和stroke(),就会导致后续的clip全部失效 以下为测试代码: [代码]testClip() {[代码][代码] [代码][代码]let ctx = wx.createCanvasContext([代码][代码]'myCanvas'[代码][代码]);[代码][代码] [代码][代码]ctx.rect(0, 0, 100, 100);[代码][代码] [代码][代码]// 下面的fill和stroke都会导致clip失效[代码][代码] [代码][代码]ctx.fill();[代码][代码] [代码][代码]// ctx.stroke();[代码][代码] [代码][代码]ctx.draw([代码][代码]true[代码][代码]);[代码][代码] [代码][代码]// 文档上的例子[代码][代码] [代码][代码]wx.downloadFile({[代码][代码] [代码][代码]url: [代码][代码]'http://is5.mzstatic.com/image/thumb/Purple128/v4/75/3b/90/753b907c-b7fb-5877-215a-759bd73691a4/source/50x50bb.jpg'[代码][代码],[代码][代码] [代码][代码]success: [代码][代码]function[代码] [代码](res) {[代码][代码] [代码][代码]ctx.save()[代码][代码] [代码][代码]ctx.beginPath()[代码][代码] [代码][代码]ctx.arc(50, 50, 25, 0, 2 * Math.PI)[代码][代码] [代码][代码]ctx.clip()[代码][代码] [代码][代码]ctx.drawImage(res.tempFilePath, 25, 25)[代码][代码] [代码][代码]ctx.restore()[代码][代码] [代码][代码]ctx.draw([代码][代码]true[代码][代码])[代码][代码] [代码][代码]}[代码][代码] [代码][代码]})[代码][代码]}[代码],真机测试正常。 BUG图 [图片]
2018-07-06 - wxml节点返回css的computed属性
- 需求的场景描述(希望解决的问题) 由于业务需求需要对指定的区域或者view容器进行保存图片操作,如果单纯使用canvas去绘制,费时费力还可能不太准确,很难复用,在此之前,也发过一篇文章能不能新增一个截图的接口?,但是没有下文了,所以换一种思路去实现,类似于html2canvas的功能,需要获取到节点的样式属性和位置信息进行canvas绘制,但是现有的 WXML节点信息API只是返回了一些基本的位置信息和属性信息,对于节点的style和css的computed属性暂不支持,故此,此方案目测也不可行,所以希望@官方能尽早开发某些接口或者调整接口返回信息。 - 希望提供的能力 1. 支持对屏幕指定坐标区域进行截图的接口wx.captureScreen() 2. 支持wx.createSelectorQuery()返回节点的style和css的computed属性 3. 谢谢大佬们
2018-06-04 - 能不能新增一个截图的接口?
- 需求的场景描述(希望解决的问题) 由于业务需求,需要对屏幕指定区域进行截屏,无奈之下只能使用canvas进行绘制后再保存为图片,其绘制过程繁琐而且易错,能否开放截图的接口,类似于分享接口未配置分享图片时默认截取屏幕上半部分的功能,如果引导用户进行系统截屏,由于安卓机型种类繁多,无法覆盖所有的手机,而且截取的图片也不太符合需求,所以,能否开放截屏的接口? - 希望提供的能力 开放截屏接口wx.captureScreen
2018-04-23 - picker组件设置flex后导致内部view宽度/高度丢失
wxml代码 [代码]<[代码][代码]picker[代码] [代码]class[代码][代码]=[代码][代码]"pickContainer"[代码] [代码]range[代码][代码]=[代码][代码]"{{[1,2,3,4]}}"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"pickerContentContainer"[代码][代码]>下拉选择</[代码][代码]view[代码][代码]>[代码][代码]</[代码][代码]picker[代码][代码]>[代码]样式代码 [代码].pickContainer{[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]100%[代码][代码];[代码] [代码] [代码][代码]height[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码] [代码][代码]display[代码][代码]: flex;[代码][代码] [代码][代码]justify-[代码][代码]content[代码][代码]: flex-start;[代码][代码] [代码][代码]align-items: [代码][代码]center[代码][代码];[代码][代码] [代码][代码]background[代码][代码]: [代码][代码]blue[代码][代码]; [代码][代码] [代码][代码].pickerContentContainer{[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码] [代码][代码]font-size[代码][代码]: [代码][代码]28[代码][代码]rpx;[代码][代码] [代码][代码]background[代码][代码]: [代码][代码]red[代码][代码];[代码][代码] [代码][代码]}[代码][代码]}[代码] 问题1:picker是否推荐设置样式? 问题2:如果设置样式 场景1:picker组件默认display:block; 其内部view表现为高度丢失,如下图: [图片] 场景2:如果设置为display:flex后,其内部的view会宽度丢失,如下图: [图片] 场景3: 设置align-items:center;后,宽度高度全部丢失,如下图: [图片] 疑问1:picker组件的样式是否和view类似,支持常规样式设置,或是需要进行兼容? 疑问2:picker组件在不添加内部的view的时候,是否规定了无法调起选择器弹层? 官方demo: [代码]<[代码][代码]picker[代码] [代码]bindchange[代码][代码]=[代码][代码]"bindPickerChange"[代码] [代码]value[代码][代码]=[代码][代码]"{{index}}"[代码] [代码]range[代码][代码]=[代码][代码]"{{array}}"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"picker"[代码][代码]>[代码][代码] [代码][代码]当前选择:{{array[index]}}[代码][代码] [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码]</[代码][代码]picker[代码][代码]>[代码] Tips: 1. 如果有任何错误,请留言告知,谢谢! 2. 对于测试代码中的颜色,请不要纠结 3. 我只是想让内部的view能撑满整个右边部分的空间 4. 如果有其他更好的方案,请指点下!谢谢!
2018-02-06 - [工具] 用less写样式,感觉爽歪歪
小程序自己定义了一个wxss的类型,但是这个只能支持正常的css写法,对于一些习惯了sass和less的小伙伴们,简直就是一种折磨,分分钟回到解放前的感觉,所以,虽然不是我写的插件,但是也要推广一下,vscode的插件 Easy WXLESS ,可以将less文件转成wxss文件,性能还不错,写css时的愉悦感瞬间回来啦。妈妈再也不担心一层一层的复制类名了。 编辑器不让插链接,小伙伴们自己复制粘贴吧 https://marketplace.visualstudio.com/items?itemName=yunfeizuo.easy-wxless [图片]
2017-12-05 - 关于picker组件的一些问题和建议
实际业务中部分时候需要用到picker组件或者类似picker组件的功能,即滚动选值,但是使用picker组件,需要picker组件可见而且需要手动点击才能触发,在picker组件的文档中,只有一个bindchange事件,如果点击取消或者值未改变,点击确认按钮,是得不到任何事件反馈,所以无法去根据这些操作去处理一些事情,建议增加 取消和完成的事件绑定,一个bindchange真心不够-> 其他人发布的帖子 还有一个就是,有时候不需要picker组件出现,只需要类似于picker组件选择值的功能,所以是否考虑添加api来调起这个操作。另一个人的帖子,没人回啊 最后反馈一个问题,就是picker的range数组,数量过大的时候,比如超过3000就卡的不要不要了,不要问我为啥要设置3000这么大的,业务需求尝试了下。 希望官方的大大们考虑下。
2017-12-05 - 自定义组件的自动加载问题
首先,非常感谢小程序官方大大们公开了自定义组件的相关功能!! 但是,通过查看大大们给出的文档,发现单个组件的配置也是非常繁琐,组件内部的各个配置参数是否需要优化不在此贴讨论,此贴只针对一个现实问题,就是类似UI框架的组件集合,如何去根据使用的标签进行自动进行加载解析,而不是要在调用页面的json中使用usingComponents 一个一个去配置,如果组件数量比较多,每个使用页面都需要这么配置,显然工作量和维护成本有点高。 由于大大说了,不建议在app.json中配置组件的路径和是否开启等配置项,因为是全局性的配置,可能会影响以后小程序的开发和扩展,所以,这个方案也是可行性不高。但是如果不是全局性的配置,是否可以在每个页面内的json中开启或配置。这样就多了配置单页了,而不影响全局 其次,类似wx.setNavigationBarTitle(OBJECT) 这类设置API呢?或者在app对象下挂一个值进行判断(奇思妙想中😝 )。 各位看官老铁亲爱的们,有没有好的方案,给点意见吧。
2017-11-06 - 请问小程序支持new Blob()么?
尝试了下,貌似不支持这个呀 [图片]
2017-10-19 - 获取当前小程序的主体信息,比如APPID
由于业务属于商家小程序托管类型,能否增加一个API,可以获取当前小程序的主体信息,只有appid也行,我们可以根据appid去获取绑定的店铺信息和配置参数,于此同时,也问一下啊,第三方托管的模板小程序是否支持修改源代码后再上传,因为我们要配置店铺信息呀。
2017-10-10 - 支付取消和支付成功后的场景值不是1034?bug?
测试了一下支付的场景值变化, 进入小程序时扫码进入的,场景值是1011,没毛病 [图片] 支付取消后,返回界面,场景值还是1011,我就纳闷了,不应该是1034么? [图片] 那我成功支付呢?看图 [图片] 我擦,还是1011,那我咋判断啊?换成1001,入口进来也是一样的,所以,麻烦各位大大看看原因吧。
2017-07-14