- 博客(4)
- 资源 (4)
- 收藏
- 关注
原创 微信小程序canvas绘制圆形头像
context.save(); //绘制头像 context.beginPath(); //开始绘制 //先画个圆,前两个参数确定了圆心 (x,y) 坐标 第三个参数是圆的半径 四参数是绘图方向 默认是false,即顺时针 context.arc(42 / 2 + 121, 42 / 2 + 210, 42 / 2, 0, Math.PI * 2, false); context.clip...
2018-08-20 13:59:50 6041 2
原创 微信小程序canvas文本换行效果
我们在canvas上绘制多行文本的时候,不可能一行一行的绘制,这时就需要到了换行这个功能。 文本换行 参数:1、canvas对象,2、文本 3、距离左侧的距离 4、距离顶部的距离 5、(不用管)6、文本的宽度 //文本换行 参数:1、canvas对象,2、文本 3、距离左侧的距离 4、距离顶部的距离 5、6、文本的宽度 drawText: function(ctx, str, le...
2018-08-20 13:17:21 5027 6
原创 微信小程序绘制图片,发送朋友圈
这种生成图片的效果是很常见的,实现起来也不难,跟原生js的差不多。需要注意的就是canvas标签上不要加太多的css,后果呢就是导致canvas不显示,还有呢就是canvas组件的优先级是最高的,所以会覆盖掉下面的所有内容,解决方法呢就是使用: 使用上面这两个组件是可以盖在canvas上面的。 注意:canvas绘制不支持网络图片,需要将网络图片保存成本地图片 onLoad: fun...
2018-08-20 13:05:10 4290 1
原创 微信小程序上拉加载
<view class=''> <view class='question-chid' wx:for='{{array}}' wx:for-index="idx" wx:key='{{index}}'> <view class='title'> <text class='xuhao'>{{idx+...
2018-08-02 15:09:14 419
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人