H5标签了解

本文详细介绍了CSS中各种颜色指定方式,包括16进制颜色、RGB、RGBA、HSL、HSLA及预定义颜色名称。此外,还深入探讨了HTML5 Canvas标签的各种绘图方法,如阴影设置、渐变填充、路径绘制等。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

CSS颜色的指定方式:
所有浏览器都支持:
16进制颜色 :#rrggbb
rgb :rgb(红,绿,蓝)每个参数定义亮度(0–255)之间或用百分比

部分浏览器支持:
rgba :rgba(红,绿,蓝,alpha)alpha参数介于(0.0–1.0明度
hsl :hsl(色相,饱和度,亮度)
hsla :hsla(色调,饱和度,亮度,透明度)
预定义/跨浏览器的颜色名称 :颜色名称

canvas标签:shadowColor(设置阴影的颜色)
shadowBlur(设置阴影的模糊级数)
shadowOffsetX(设置x方向偏移的阴影)
shadowOffsetY
fillStyle(设置填充的颜色,渐变或模式)
strokeStyle(设置边的颜色,渐变或模式)
createLinearGradient(x0,y0,x1,y1);
(线性渐变)x0,y0:渐变开始的x,y坐标,x1,y1渐变结束的坐标。例子
createPattern(image,’repeat|repeat-x|repeat-y|no-repeat’) (在指定的方向内重复制定的元素例子
createRadialGradient(x0,y0,r0,x1,y1,r1);
(创建放射状/原型渐变对象)x0,y0,渐变的开始圆的x,y坐标,x1,y1,渐变的结束圆的x,y坐标, r0开始圆的半径,r结束圆的半径(例子
addColorStop(stop,color)(渐变对象相应位置和位置上的颜色) stop:在0.0–1.0,表示渐变中开始与结束之间的位置。
lineCap 设置线条末端线帽的样式(
context.lineCap=”butt |round |square‘’

lineJoin设置所创建边角的类型
lineJoin =”bevel|round|miter”
lineWidth设置当前线条的宽度,以像素计
miterLimit设置最大斜接长度(斜接长度指两条线交汇处内角和外角之间的距离)
rect(x,y,width,height)创建矩形
x,y : 矩形左上角的x,y坐标; width,height:矩形的宽度和高度,以像素计
fillRect(x,y,width,height) 绘制已填充的矩形,默认为黑色
strokeRect(x,y,width,height) 绘制无填充的矩形,笔触默认为黑色
clearRect(x,y,width,height) 清空给定矩形内的指定像素
fill()填充当前的图像颜色
stroke() 绘制出起点moveTo(x,y)到终点lineTo(x,y)的路径,默认为黑色
beginPath()开始绘画路径详情
closePath()与beginPath()相对应
clip()从原始画布中剪切任意形状和尺寸,剪切后所有之后的回话都被限制在被剪区域内
quadraticCurveTo()创建二次贝塞尔曲线
bezierCurveTo()创建三次贝塞尔曲线
arc(x,y,pi1,pi2) 创建弧或圆 x,y中心坐标,pi1起始角,pi2结束角
arcTo(x1,y1,x2,y2,r)创建介于两切线之间的弧或圆(x1,y1起始点的坐标,x2,y2终点的坐标,r半径)
isPointInPath(x,y)指定的点是否在当前路径中,返回true或false
scale(width,height) 缩放当前图至更大或更小
详情
rotate(angle) 旋转当前的图像
translate(x,y)在x,y处重新映射画布上(0,0)位置的图
transform(a,b,c,d,e,f)重绘挡墙的图形,可以缩放,旋转,移动,倾斜等。详情
setTransform 与transform作用相同,只是没有中间的图形,只有开始图形和最后一次设置的图形
font(style,variant,weight,size…) 设置画布上字体 详情
textAlign设置文本的对齐方式
详情

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值