开发者社区
社区提问意见反馈
开发者钉组织
扫描二维码
加入支付宝开发者钉组织
基础 api
基础
应用级事件
界面
导航栏
tabbar
路由
交互反馈
下拉刷新
联系人
选择城市
选择日期
动画
画布
canvas
canvasrenderingcontext2d
canvaspattern
offscreencanvas
旧版接口(停止更新)
canvascontext
canvasgradient
地图
计算路径
键盘
滚动
节点查询
选项选择器
级联选择
设置窗口背景
设置页面是否支持下拉
字体
跳转
多媒体
缓存
文件
位置
网络
设备
worker
数据安全
分享
收藏
自定义通用菜单
更新管理
web-view组件控制
升级支付宝最新版本
隐私信息授权
小程序广告
开放能力 api
开发 > api > 基础 api > 界面 > 画布 > 旧版接口(停止更新) >  > canvascontext 概览
收藏
我的文档
设置

从基础库 2.7.9 开始,canvascontext 相关接口已停止维护,请使用 canvas 代替。

若版本较低或需要适配多个客户端,建议采取 兼容处理

支小宝客户端 支持

安诊儿客户端 支持

canvascontext 绘图上下文。

属性

名称 类型 只读 功能说明
fillstyle string

填充颜色。用法可参考 。

strokestyle string

边框颜色。用法可参考 。

linewidth number

线条的宽度。用法可参考 。

linecap string

线条的端点样式。用法可参考 。

linejoin string

线条的交点样式。用法可参考 。

miterlimit number

最大斜接长度。用法可参考 。

linedashoffset number

虚线偏移量,初始值为0。

textbaseline string

当前文本的文本基线。用法可参考 。

font string

当前字体样式。符合 的 domstring 字符串,至少需要提供字体大小和字体族名。默认值为 "10px arial"。

textalign string

文本的对齐方式。用法可参考 。

fontsize number

字体大小。用法可参考 。

globalalpha number

全局画笔透明度。范围 0-1,0 表示完全透明,1 表示完全不透明。用法可参考 。

globalcompositeoperation string

在绘制新形状时应用的合成操作的类型。

shadowblur number

阴影的模糊级数。

shadowcolor string

阴影的颜色。

shadowoffsetx number

阴影相对于形状水平方向的偏移。

shadowoffsety number

阴影相对于形状垂直方向的偏移。

filter string

用于设置模糊、灰度等过滤效果的属性。注意:仅支持安卓端

imagesmoothingenabled boolean

设置图片是否平滑属性。

方法

名称 类型 功能说明
function

画一条弧线。

function

根据控制点和半径绘制圆弧路径。

function

开始创建一个路径,需要调用 fill 或者 stroke 才会使用路径进行填充或描边。

function

创建三次方贝塞尔曲线路径。

canvascontext.clearrect function

清除画布上在该矩形区域内的内容。

function

将当前创建的路径设置为当前剪切路径。

function

关闭一个路径。

canvascontext.createcirculargradient function

创建一个圆形的渐变色。起点在圆心,终点在圆环。

canvascontext.createlineargradient function

创建一个线性的渐变色。

canvascontext.createradialgradient function

创建一个放射性的渐变色。

function

对指定的图像创建模式的方法,可在指定的方向上重复元图像。

canvascontext.draw function

将之前在绘图上下文中的描述(路径、变形、样式)画到 canvas 中。

canvascontext.drawimage function

绘制图像,图像保持原始尺寸。

function

对当前路径中的内容进行填充。

function

填充矩形。

function

在画布上绘制被填充的文本。

function

获取 canvas 区域隐含的像素数据。

function

增加一个新点,然后创建一条从上次指定点到目标点的线。

function

测量文本尺寸信息,目前仅返回文本宽度。同步接口。

function

把路径移动到画布中的指定点,不创建线条。

function

将像素数据绘制到画布。

function

创建二次贝塞尔曲线路径。

function

创建二次贝塞尔曲线路径。

function

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

function

以原点为中心,原点可以用 translate 方法修改。顺时针旋转当前坐标轴。多次调用 rotate,旋转的角度会叠加。

function

保存当前的绘图上下文。

function

在调用 scale 方法后,之后创建的路径其横纵坐标会被缩放。多次调用 scale,倍数会相乘。

function

设置填充色。

function

设置字体大小。

function

设置全局画笔透明度。

function

设置线条的端点样式。

function

设置虚线的样式。

function

设置线条的交点样式。

function

设置线条的宽度。

function

设置最大斜接长度。

function

设置阴影样式。

function

设置边框颜色。

function

canvas 2d api 描述绘制文本时,文本的对齐方式的属性。

function

canvas 2d api 描述绘制文本时,当前文本基线的属性。

function

使用单位矩阵重新设置(覆盖)当前的变换并调用变换的方法,此变换由方法的变量进行描述。

function

画出当前路径的边框。默认 black

function

画一个矩形(非填充)。

function

给定的 (x, y) 位置绘制文本描边的方法。

canvascontext.todataurl function

获取画布指定区域的 data url数据。

canvascontext.totempfilepath function

把当前画布的内容导出生成图片,并返回文件路径。

function

使用矩阵多次叠加当前变换的方法,矩阵由方法的参数进行描述。可以缩放、旋转、移动和倾斜上下文。

function

对当前坐标系的原点(0, 0)进行变换,默认的坐标系原点为页面左上角。

function

获取当前虚线样式。

function

获取上下文当前的变换矩阵。

function

检测一个点是否在路径的填充范围内。

function

为图案设置变换矩阵。

function

添加一个椭圆弧到当前子路径。

function

重置画布的变换矩阵为单位矩阵。

function

添加一个圆角矩形至当前路径。

内容没有解决您的问题?您还可以前往 或 寻求帮助
凯发k8官方网娱乐官方 copyright © 支付宝(杭州)信息技术有限公司  | icp证浙b2-20160559
该文档对你是否有帮助?
当前页面目录
网站地图