大学生新闻网，大学生新闻发布平台
小程序画布填充一个矩形CanvasContext.fillRect
CanvasContext.fillRect(number x, number y, number width, number height)
填充一个矩形。用 setFillStyle 设置矩形的填充色，如果没设置默认是黑色。
小程序插件：支持
参数
number x
矩形路径左上角的横坐标
number y
矩形路径左上角的纵坐标
number width
矩形路径的宽度
number height
矩形路径的高度
示例代码
const ctx = wx.createCanvasContext('myCanvas')
ctx.setFillStyle('red')
ctx.fillRect(10, 10, 150, 75)
ctx.draw()
填充一个矩形。用 setFillStyle 设置矩形的填充色，如果没设置默认是黑色。
小程序插件：支持
参数
number x
矩形路径左上角的横坐标
number y
矩形路径左上角的纵坐标
number width
矩形路径的宽度
number height
矩形路径的高度
示例代码
const ctx = wx.createCanvasContext('myCanvas')
ctx.setFillStyle('red')
ctx.fillRect(10, 10, 150, 75)
ctx.draw()
- 作者：大学生新闻网 来源：大学生新闻网
- 发布时间：2025-04-14 阅读：
- 扫一扫 分享悦读
- 小程序画布画一个非填充矩形CanvasContext.strokeRect
- CanvasContext.strokeRect(number x, number y, number width, number height)
- 04-15 关注：0
- 小程序画布填充一个矩形CanvasContext.fillRect
- CanvasContext.fillRect(number x, number y, number width, number height)
- 04-14 关注：3
- 小程序画布裁剪任意形状和尺寸CanvasContext.clip
- 从原始画布中剪切任意形状和尺寸。一旦剪切了某个区域，则所有之后的绘图都会被限制在被剪切的区域内（不能访问画布上的其他区域）。
- 04-14 关注：2
- 小程序画布根据控制点和半径绘制圆弧路径CanvasContext.arcTo
- CanvasContext.arcTo(number x1, number y1, number x2, number y2, number radius)
- 04-14 关注：3
- 小程序创建一个矩形路径CanvasContext.rect
- CanvasContext.rect(number x, number y, number width, number height)
- 04-14 关注：3
- 小程序画布创建一条弧线CanvasContext.arc
- CanvasContext.arc(number x, number y, number r, number sAngle, number eAngle, boolean counterclockwise)
- 04-14 关注：3
- 小程序创建三次方贝塞尔曲线路径CanvasContext.bezierCurveTo
- CanvasContext.bezierCurveTo(number cp1x, number cp1y, number cp2x, number cp2y, number x, number y)
- 04-14 关注：3
- 小程序画布创建二次贝塞尔曲线路径CanvasContext.quadraticCurve
- CanvasContext.quadraticCurveTo(number cpx, number cpy, number x, number y)
- 04-14 关注：3
-
客服QQ：471708534 大学生新闻网©版权所有