美文网首页
canvas-颜色和样式

canvas-颜色和样式

作者: lmmy123 | 来源:发表于2017-10-13 10:21 被阅读92次

颜色

fillStyle = color

设置图形的填充颜色。

strokeStyle = color

设置图形轮廓的颜色。

color可以是表示 CSS 颜色值的字符串,渐变对象或者图案对象,默认情况下,线条和填充颜色都是黑色(CSS 颜色值#000000)。


透明度

globalAlpha = transparencyValue

这个属性影响到 canvas 里所有图形的透明度,有效的值范围是 0.0 (完全透明)到 1.0(完全不透明),默认是 1.0。

或者:

// 指定透明颜色,用于描边和填充样式

ctx.strokeStyle="rgba(255,0,0,0.5)";

ctx.fillStyle="rgba(255,0,0,0.5)";


线性

lineWidth = value

设置线条宽度。

lineCap = type

设置线条末端样式。

lineJoin = type

设定线条与线条间接合处的样式。

miterLimit = value

限制当两条线相交时交接处最大长度;所谓交接处长度(斜接长度)是指线条交接处内角顶点到外角顶点的长度。

getLineDash()

返回一个包含当前虚线样式,长度为非负偶数的数组。

setLineDash(segments)

设置当前虚线样式。

lineDashOffset = value

设置虚线样式的起始偏移量

相关文章

  • canvas-颜色和样式

    颜色 fillStyle = color 设置图形的填充颜色。 strokeStyle = color 设置图形轮...

  • canvas基础知识总结

    一、Canvas-绘制文字 1、属性 二、canvas-设置阴影 三、canvas-创建路径-绘制矩形和圆形 1、...

  • canvas-线的样式

    线的样式在canvas中分为轮廓颜色、以及线型的样式 一、轮廓颜色 strokeStyle = color; //...

  • CSS入门二

    一、CSS的样式 1、边框和尺寸   border:设置边框的样式    格式:宽度 样式 颜色      样式的...

  • canvas效果案例:安卓机器人

    利用之前所学的线的样式及上节的弧形画一个简单的机器人吧! canvas-五角星

  • canvas-安卓机器人

    利用之前所学的线的样式及上节的弧形画一个简单的机器人吧! canvas-五角星

  • canvas效果案例:透明球

    canvas-透明球案例 一、分析思路 1.1随机生成球1.1.1球的大小1.1.2球的颜色1.1.3球心的位置1...

  • CSS-1

    全局样式 类样式 背景样式 外部样式 文本样式 属性属性值作用color表示颜色的内容设置文本颜色directio...

  • canvas(三) 颜色和样式

    使用样式和颜色 色彩 colors 如果想要给图形上色,有两个重要的属性可以做到:fillStyle 和 stro...

  • HTML03-day

    文本标签 列表 颜色单位 字体分类 字体样式 行间距 颜色单位 字体其他样式 文本样式

网友评论

      本文标题:canvas-颜色和样式

      本文链接:https://www.haomeiwen.com/subject/nxnayxtx.html