举报投诉联系我们 手机版 热门标签 编程学
您的位置:编程学 > 微信小程序canvas画 微信小程序API 绘strokeRect(画一个矩形,非填充)

微信小程序canvas画 微信小程序API 绘strokeRect(画一个矩形,非填充)

2023-03-18 12:18

微信小程序canvas画 微信小程序API 绘strokeRect(画一个矩形,非填充)

微信小程序canvas画

微信小程序canvas画是一种基于微信小程序的图形绘制方式,它可以帮助开发者快速创建出各种复杂的图形。它支持多种图形,如圆形、椭圆、直线、多边形、文本和图片,以及各种颜色和样式。

微信小程序canvas画的使用非常方便,只需要在代码中定义好所需要的图形,然后调用相关API即可实现。例如:

// 创建 canvas 画布 
let context = wx.createCanvasContext('myCanvas') 
// 画一个圆 
context.arc(100, 75, 50, 0, 2 * Math.PI) 
context.setStrokeStyle("#00ff00") 
context.stroke() 
// 将之前在绘图上下文中的描述(路径、变形、样式)画到 canvas 中 
context.draw()

此外,微信小程序canvas画还支持动态效果,例如动态时间表或者动态数据图表。使用者只需要定义好所需要的效果并调用相关API即可实现。

总之,微信小程序canvas画是一个强大而易于使用的工具,能够帮助开发者快速创建出各种复杂的图形。它不仅能够帮助开发者快速创建出各种复杂的图形,而且还能够带来动态效果。

微信小程序API 绘图strokeRect(画一个矩形,非填充)

微信小程序 canvas接口和方法绘图接口和方法

canvasContext.strokeRect


定义

画一个矩形(非填充)。

Tip:setFillStroke()设置矩形线条的颜色,如果没设置默认是黑色。

参数

参数类型范围说明
xNumber 矩形路径左上角的x坐标
yNumber 矩形路径左上角的y坐标
widthNumber 矩形路径的宽度
heightNumber 矩形路径的高度

例子

const ctx = wx.createCanvasContext("myCanvas")
ctx.setStrokeStyle("red")
ctx.strokeRect(10, 10, 150, 75)
ctx.draw()


微信小程序 canvas接口和方法绘图接口和方法

阅读全文
以上是编程学为你收集整理的微信小程序canvas画 微信小程序API 绘strokeRect(画一个矩形,非填充)全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 编程学 bianchengxue.com 版权所有 联系我们
桂ICP备19012293号-7 返回底部