大学生新闻网,大学生新闻发布平台
大学生新闻网
大学生新闻大学生活校园文学大学生村官
社会实践活动社会实践经历社会实践报告社会实践总结社会实践心得
全国排名校友会版软科排名分类排名本科排名一本排名二本排名专科排名学校地址
求职简历职场法则面试技巧职场故事求职招聘大学生就业
英语学习计算机学习电气工程机械工程经济管理建筑设计财务会计
申请书证明书检讨书自荐信演讲稿心得体会调查报告读后感求职信推荐信其它范文

小程序canvas 组件的绘图上下文CanvasContext

CanvasContext
canvas 组件的绘图上下文。CanvasContext 是旧版的接口, 新版 Canvas 2D 接口与 Web 一致。

属性
string|CanvasGradient fillStyle
基础库 1.9.90 开始支持,低版本需做兼容处理。
填充颜色。用法同 CanvasContext.setFillStyle()。

string|CanvasGradient strokeStyle
基础库 1.9.90 开始支持,低版本需做兼容处理。
边框颜色。用法同 CanvasContext.setStrokeStyle()。

number shadowOffsetX
基础库 1.9.90 开始支持,低版本需做兼容处理。
阴影相对于形状在水平方向的偏移

number shadowOffsetY
基础库 1.9.90 开始支持,低版本需做兼容处理。
阴影相对于形状在竖直方向的偏移

number shadowColor
基础库 1.9.90 开始支持,低版本需做兼容处理。
阴影的颜色

number shadowBlur
基础库 1.9.90 开始支持,低版本需做兼容处理。
阴影的模糊级别

number lineWidth
基础库 1.9.90 开始支持,低版本需做兼容处理。
线条的宽度。用法同 CanvasContext.setLineWidth()。

string lineCap
基础库 1.9.90 开始支持,低版本需做兼容处理。
线条的端点样式。用法同 CanvasContext.setLineCap()。

string lineJoin
基础库 1.9.90 开始支持,低版本需做兼容处理。
线条的交点样式。用法同 CanvasContext.setLineJoin()。

lineJoin 的合法值

值    说明    最低版本
bevel    斜角    
round    圆角    
miter    尖角    
number miterLimit
基础库 1.9.90 开始支持,低版本需做兼容处理。
最大斜接长度。用法同 CanvasContext.setMiterLimit()。

number lineDashOffset
基础库 1.9.90 开始支持,低版本需做兼容处理。
虚线偏移量,初始值为0

string font
基础库 1.9.90 开始支持,低版本需做兼容处理。
当前字体样式的属性。符合 CSS font 语法 的 DOMString 字符串,至少需要提供字体大小和字体族名。默认值为 10px sans-serif。

number globalAlpha
全局画笔透明度。范围 0-1,0 表示完全透明,1 表示完全不透明。

string globalCompositeOperation
基础库 1.9.90 开始支持,低版本需做兼容处理。
在绘制新形状时应用的合成操作的类型。目前安卓版本只适用于 fill 填充块的合成,用于 <code>stroke 线段的合成效果都是 source-over。

目前支持的操作有

安卓:xor, source-over, source-atop, destination-out, lighter, overlay, darken, lighten, hard-light
iOS:xor, source-over, source-atop, destination-over, destination-out, lighter, multiply, overlay, darken, lighten, color-dodge, color-burn, hard-light, soft-light, difference, exclusion, saturation, luminosity
    作者:大学生新闻网    来源:大学生新闻网
    发布时间:2025-04-12    阅读:
    扫一扫 分享悦读