codecamp

微信小程序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接口和方法绘图接口和方法

微信小程序API 绘图fillRect(填充矩形)
微信小程序API 绘图clearRect(在给定的矩形区域内,清除画布上的像素)
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

微信小程序 指南

目录结构

开放能力

微信小程序 调试

微信小程序 实时日志

微信小程序 小程序测速

微信小程序 基础组件

微信小程序 API

媒体

界面

微信小程序API 绘图

微信小程序 服务端

接口调用凭证

统一服务消息

微信小程序 服务市场

微信小程序 生物认证

微信小程序 云开发

服务端

微信小程序云开发服务端API 数据库

SDK文档

微信小程序 扩展能力

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }