http://sagesoft.cn/bbs/forumdisplay.php?fid=2 Latest 20 threads of Sage ACCPAC ERP Copyright(C) 赛捷软件论坛 Discuz! Board by Comsenz Inc. Wed, 28 Oct 2026 12:07:23 +0000 60 http://sagesoft.cn/bbs/images/logo.gif http://sagesoft.cn/bbs/ http://sagesoft.cn/bbs/viewthread.php?tid=15592 定义
将之前在绘图上下文中的描述（路径、变形、样式）画到 canvas 中。

Tip: 绘图上下文需要由wx.createCanvasContext(canvasId)来创建。

参数
参数 类型 说明 最低版本
reserve Boolean 非必填。本次绘制是否接着上一次绘制，即reserve参 ...]]> Sage ACCPAC ERP vicky.yu Sat, 10 Oct 2026 05:11:12 +0000 http://sagesoft.cn/bbs/viewthread.php?tid=15591 定义
保存当前的绘图上下文。

restore
定义
恢复之前保存的绘图上下文。

例子
const ctx = wx.createCanvasContext('myCanvas')

// save the default fill style
ctx.save()
ctx.setFi]]> Sage ACCPAC ERP vicky.yu Sat, 10 Oct 2026 05:10:57 +0000 http://sagesoft.cn/bbs/viewthread.php?tid=15590 定义
设置全局画笔透明度。

参数
参数 类型 范围 说明
alpha Number 0~1 透明度，0 表示完全透明，1 表示完全不透明
例子
const ctx = wx.createCanvasContext('myCanvas')

ctx.setFillStyle('red')
ctx.]]> Sage ACCPAC ERP vicky.yu Sat, 10 Oct 2026 05:10:43 +0000 http://sagesoft.cn/bbs/viewthread.php?tid=15589 定义
绘制图像，图像保持原始尺寸。

参数
参数 类型 说明
imageResource String 所要绘制的图片资源
x Number 图像左上角的x坐标
y Number 图像左上角的y坐标
width Number 图像宽度
height Number 图像高度
例子
const c]]> Sage ACCPAC ERP vicky.yu Sat, 10 Oct 2026 05:10:24 +0000 http://sagesoft.cn/bbs/viewthread.php?tid=15581 基础库 1.4.0 开始支持，低版本需做兼容处理

定义
用于设置文字的水平对齐

参数
参数 类型 定义
textBaseline String 可选值 'top'、'bottom'、'middle'、'normal'
示例代码：
const ctx = wx.createCanvasContext('my]]> Sage ACCPAC ERP vicky.yu Sat, 10 Oct 2026 02:52:14 +0000 http://sagesoft.cn/bbs/viewthread.php?tid=15580 基础库版本 1.1.0 开始支持，低版本需做兼容处理

定义
用于设置文字的对齐

参数
参数 类型 定义
align String 可选值 'left'、'center'、'right'
示例代码：
const ctx = wx.createCanvasContext('myCanvas')
Sage ACCPAC ERP vicky.yu Sat, 10 Oct 2026 02:51:40 +0000 http://sagesoft.cn/bbs/viewthread.php?tid=15579
canvasContext.fillText
定义
在画布上绘制被填充的文本。

参数
string text
在画布上输出的文本

number x
绘制文本的左上角 x 坐标位置

number y
绘制文本的左上角 y 坐标位置

number maxWidth]]> Sage ACCPAC ERP vicky.yu Sat, 10 Oct 2026 02:51:25 +0000 http://sagesoft.cn/bbs/viewthread.php?tid=15578 定义
设置字体的字号。

参数
参数 类型 说明
fontSize Number 字体的字号
例子
const ctx = wx.createCanvasContext('myCanvas')

ctx.setFontSize(20)
ctx.fillText('20', 20, 20)
]]> Sage ACCPAC ERP vicky.yu Sat, 10 Oct 2026 02:50:59 +0000 http://sagesoft.cn/bbs/viewthread.php?tid=15577 定义
对当前坐标系的原点(0, 0)进行变换，默认的坐标系原点为页面左上角。

参数
参数 类型 说明
x Number 水平坐标平移量
y Number 竖直坐标平移量
例子
const ctx = wx.createCanvasContext('myCanvas')

ctx.strokeRect(10]]> Sage ACCPAC ERP vicky.yu Sat, 10 Oct 2026 02:50:41 +0000 http://sagesoft.cn/bbs/viewthread.php?tid=15576 定义
以原点为中心，原点可以用 translate方法修改。顺时针旋转当前坐标轴。多次调用rotate，旋转的角度会叠加。

参数
参数 类型 说明
rotate Number 旋转角度，以弧度计(degrees * Math.PI/180；degrees范围为0~360)
const ctx = wx.crea ...]]> Sage ACCPAC ERP vicky.yu Sat, 10 Oct 2026 02:50:14 +0000 http://sagesoft.cn/bbs/viewthread.php?tid=15571 定义
在调用scale方法后，之后创建的路径其横纵坐标会被缩放。多次调用scale，倍数会相乘。

参数
参数 类型 说明
scaleWidth Number 横坐标缩放的倍数 (1 = 100%，0.5 = 50%，2 = 200%)
scaleHeight Number 纵坐标轴缩放的倍数 (1 = 100%， ...]]> Sage ACCPAC ERP vicky.yu Fri, 09 Oct 2026 03:04:29 +0000 http://sagesoft.cn/bbs/viewthread.php?tid=15570 定义
创建三次方贝塞尔曲线路径。

Tip: 曲线的起始点为路径中前一个点。

参数
参数 类型 说明
cp1x Number 第一个贝塞尔控制点的 x 坐标
cp1y Number 第一个贝塞尔控制点的 y 坐标
cp2x Number 第二个贝塞尔控制点的 x 坐标
c ...]]> Sage ACCPAC ERP vicky.yu Fri, 09 Oct 2026 03:04:16 +0000 http://sagesoft.cn/bbs/viewthread.php?tid=15569 定义
创建二次贝塞尔曲线路径。

Tip: 曲线的起始点为路径中前一个点。

参数
参数 类型 说明
cpx Number 贝塞尔控制点的x坐标
cpy Number 贝塞尔控制点的y坐标
x Number 结束点的x坐标
y Number 结束点的y坐标
例子
c]]> Sage ACCPAC ERP vicky.yu Fri, 09 Oct 2026 03:04:01 +0000 http://sagesoft.cn/bbs/viewthread.php?tid=15568 定义
画一条弧线。

Tip: 创建一个圆可以用arc()方法指定起始弧度为0，终止弧度为2 * Math.PI。

Tip: 用stroke()或者fill()方法来在 canvas 中画弧线。

参数
参数 类型 说明
x Number 圆的x坐标
y Number 圆的y坐标
r Number 圆的]]> Sage ACCPAC ERP vicky.yu Fri, 09 Oct 2026 03:03:36 +0000 http://sagesoft.cn/bbs/viewthread.php?tid=15567 定义
lineTo方法增加一个新点，然后创建一条从上次指定点到目标点的线。

Tip: 用stroke()方法来画线条

参数
参数 类型 说明
x Number 目标位置的x坐标
y Number 目标位置的y坐标
例子
const ctx = wx.createCanvasContext('myCanvas']]> Sage ACCPAC ERP vicky.yu Fri, 09 Oct 2026 03:03:18 +0000 http://sagesoft.cn/bbs/viewthread.php?tid=15566 定义
把路径移动到画布中的指定点，不创建线条。

Tip: 用stroke()方法来画线条

参数
参数 类型 说明
x Number 目标位置的x坐标
y Number 目标位置的y坐标
例子
const ctx = wx.createCanvasContext('myCanvas')
ctx.m]]> Sage ACCPAC ERP vicky.yu Fri, 09 Oct 2026 03:02:56 +0000 http://sagesoft.cn/bbs/viewthread.php?tid=15565 定义
关闭一个路径

Tip: 关闭路径会连接起点和终点。

Tip: 如果关闭路径后没有调用fill()或者stroke()并开启了新的路径，那之前的路径将不会被渲染。

例子
const ctx = wx.createCanvasContext('myCanvas')
ctx.moveTo(10, 10)
]]> Sage ACCPAC ERP vicky.yu Fri, 09 Oct 2026 03:02:37 +0000 http://sagesoft.cn/bbs/viewthread.php?tid=15564 定义
开始创建一个路径，需要调用fill或者stroke才会使用路径进行填充或描边。

Tip: 在最开始的时候相当于调用了一次beginPath()。

Tip: 同一个路径内的多次setFillStyle()、setStrokeStyle()、setLineWidth()等设置，以最后一次设置为 ...]]> Sage ACCPAC ERP vicky.yu Fri, 09 Oct 2026 03:02:20 +0000 http://sagesoft.cn/bbs/viewthread.php?tid=15563 定义
画出当前路径的边框。默认颜色色为黑色。

Tip:stroke()描绘的的路径是从beginPath()开始计算，但是不会将strokeRect()包含进去，详情见例二。

例子
const ctx = wx.createCanvasContext('myCanvas')
ctx.moveTo(10, 10)
ctx.lineT ..]]> Sage ACCPAC ERP vicky.yu Fri, 09 Oct 2026 03:02:05 +0000 http://sagesoft.cn/bbs/viewthread.php?tid=15562 定义
对当前路径中的内容进行填充。默认的填充色为黑色。

Tip: 如果当前路径没有闭合，fill()方法会将起点和终点进行连接，然后填充，详情见例一。

Tip:fill()填充的的路径是从beginPath()开始计算，但是不会将fillRect()包含进去，详情见例 ...]]> Sage ACCPAC ERP vicky.yu Fri, 09 Oct 2026 03:01:47 +0000