canvas中的线性渐变和径向渐变

var b = a.getContext(“2d”);
var grd = b.createRadialGradient(75,50,5,90,60,100);//径向渐变,

context.createLinearGradient(x0,y0,x1,y1);

参数值
参数 描述
x0 渐变开始点的 x 坐标
y0 渐变开始点的 y 坐标
x1 渐变结束点的 x 坐标
y1 渐变结束点的 y 坐标

context.createLinearGradient(x0,y0,x1,y1);

同上;

addColorStop(stop,color);stop 介于 0.0 与 1.0 之间的值,//表示渐变中开始与结束之间的位置。//color 在结束位置显示的 CSS 颜色值
		

在这里插入图片描述
在这里插入图片描述

		
scale(sx)

scale(sx, sy)

值节

sx
,表示缩放向量的横坐标。
sy
,表示缩放向量的纵坐标。如果未设置,则他的默认值被设置为 sx。 从而使得元素在保持原有形状下均等缩放

rotate(angle)

旋转的角度;顺时针;在这里插入图片描述

在这里插入图片描述


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部