微信小程序 canvas 绘制圆形状
2024-08-28 16:08:25
page({
// 绘制canvas
drawCanvas:function(){
const ctx = wx.createCanvasContext('poster')
// 画圆形二维码
this.circleImg(ctx,this.data.canvasLotteryQR, 151.5, 535.5, 36) // (canvas对象,二维码图片本地路径(如果是网络图片先用wx.downloadFile存本地),坐标x, 坐标y, 半径)
}, // 圆形图片
circleImg: function (ctx, img, x, y, r){
ctx.save()
var d = 2 * r;
var cx = x + r;
var cy = y + r;
ctx.arc(cx, cy, r, 0, 2 * Math.PI);
ctx.clip();
ctx.drawImage(img, x, y, d, d);
ctx.restore()
},
})
最新文章
- JavaScript单元测试框架JsUnit基本介绍和使用
- 【转】 linux内存管理
- linux根文件系统制作
- WMI使用
- windows 程序设计自学:添加字符串资源
- MongoDB Auto-Sharding(自动分片)入门介绍
- c/c++内存机制(一)(转)
- expect: spawn id exp4 not open
- Duanxx的STM32学习:STM32F103中等容量的功能和外设
- Python单元测试PyUnit框架轻度整改
- python paramiko模块简介
- PG数据库——视图
- hihoCoder #1457 : 后缀自动机四·重复旋律7(后缀自动机 + 拓扑排序)
- 【ORIGINATE】详解
- CXF使用
- Redis性能监控
- Jenkins进阶-Git多仓库代码下载编译 (13)
- Linux服务器之间免密同步文件、重启R服务
- 转:为什么说招到合适的人比融到钱更加重要 - Hiring Great Talent is More Important Than Fund Raising
- POJ 1755 Triathlon (半平面交)