大学生新闻网，大学生新闻发布平台
小程序创建一个矩形路径CanvasContext.rect
CanvasContext.rect(number x, number y, number width, number height)
创建一个矩形路径。需要用 fill 或者 <code>stroke 方法将矩形真正的画到 canvas 中
小程序插件：支持
参数
number x
矩形路径左上角的横坐标
number y
矩形路径左上角的纵坐标
number width
矩形路径的宽度
number height
矩形路径的高度
示例代码
const ctx = wx.createCanvasContext('myCanvas')
ctx.rect(10, 10, 150, 75)
ctx.setFillStyle('red')
ctx.fill()
ctx.draw()
创建一个矩形路径。需要用 fill 或者 <code>stroke 方法将矩形真正的画到 canvas 中
小程序插件：支持
参数
number x
矩形路径左上角的横坐标
number y
矩形路径左上角的纵坐标
number width
矩形路径的宽度
number height
矩形路径的高度
示例代码
const ctx = wx.createCanvasContext('myCanvas')
ctx.rect(10, 10, 150, 75)
ctx.setFillStyle('red')
ctx.fill()
ctx.draw()
- 作者：大学生新闻网 来源：大学生新闻网
- 发布时间：2025-04-14 阅读：
- 扫一扫 分享悦读
- 小程序画布根据控制点和半径绘制圆弧路径CanvasContext.arcTo
- CanvasContext.arcTo(number x1, number y1, number x2, number y2, number radius)
- 04-14 关注：0
- 小程序创建一个矩形路径CanvasContext.rect
- CanvasContext.rect(number x, number y, number width, number height)
- 04-14 关注：0
- 小程序画布创建一条弧线CanvasContext.arc
- CanvasContext.arc(number x, number y, number r, number sAngle, number eAngle, boolean counterclockwise)
- 04-14 关注：0
- 小程序创建三次方贝塞尔曲线路径CanvasContext.bezierCurveTo
- CanvasContext.bezierCurveTo(number cp1x, number cp1y, number cp2x, number cp2y, number x, number y)
- 04-14 关注：1
- 小程序画布创建二次贝塞尔曲线路径CanvasContext.quadraticCurve
- CanvasContext.quadraticCurveTo(number cpx, number cpy, number x, number y)
- 04-14 关注：1
- 小程序画布增加一个新点CanvasContext.lineTo
- CanvasContext.lineTo(number x, number y)增加一个新点，然后创建一条从上次指定点到目标点的线。用 stroke 方法来画线条
- 04-14 关注：1
- 小程序把路径移动到画布中的指定点CanvasContext.moveTo
- CanvasContext.moveTo(number x, number y)
- 04-14 关注：1
- 小程序画布开始创建一个路径CanvasContext.beginPath
- 开始创建一个路径。需要调用 fill 或者
stroke 才会使用路径进行填充或描边 - 04-14 关注：1
-
客服QQ：471708534 大学生新闻网©版权所有