1、新的尺寸单位 rpx rpx(responsive pixel): 可以根据屏幕宽度进行自适应。 规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个 ...
问题 :文字样式错乱 使用以下方式分模块绘制, 绘制完后,定时 毫秒再保存图片 问题 :计算文字长度,iPhone失效 Number类型数字,转换为String类型 ...
2019-01-11 15:00 0 908 推荐指数:
1、新的尺寸单位 rpx rpx(responsive pixel): 可以根据屏幕宽度进行自适应。 规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个 ...
业务中碰到微信小程序需要生成海报进行朋友圈分享,这个是非常常见的功能,没想到实际操作的时候花了整整一天一夜才搞好,微信的 canvas 绘图实在是太难用了,官方快点优化一下吧。 业务非常简单,只需要将用到的图片,文案素材拼装到一张图片,保存到本地就可以了。 首先创建画布,将一张 ...
bug表现:文字出现位置错乱,颜色过淡,缺失等情况。 hack:在调用draw的回调里还需要加入setTimeout延时执行保存才行。 ...
现象 最近在做一个需求,需要在微信小程序中嵌入h5页面,h5页面内嵌入了一个video视频,当iOS用户打开,并且其开启了屏幕自动旋转,全屏之后,横屏观看,点击左上角的关闭按钮,webview的样式会错乱。 问题原因 微信小程序强制webview页面不能横屏,但是video视频全屏后是系统 ...
需求:分享当前商品保存相册以及分享卡片给好友 实现:canvas 2D 小程序自带的分享 //wxml 文件内容 <canvas type="2d" id="canvasBox" style="width:260px;height:370px"></canvas ...
测试手机为IPHONE6,开发者工具版本0.10.102800。开发者工具0.11.112301版本也一样 微信小程序里的canvas 非 h5 canvas有很多不一样的地方,以下把微信小程序的canvas叫做wxcanvas 下面全是我一点点测试出的干货,耐心 ...
网络图片缓存 在uni中wx可以用uni代替 无区别; 先把要插入的网络图片缓存(getImageInfo); let context = uni.createCanvasContext('firstCanvas'); //canvas-id='firstCanvas ...
效果如图,简单的画笔 index.wxml中的代码: index.wxss中的代码: index.js中的代码: ...