如何用HTML5实现界面的径向渐变效果
径向渐变就是从起点到终点颜色从内到外进行圆形渐变(从内圆到外圆不断变化的效果)，使用径向渐变可以实现一些网页漂亮的界面特效如按钮，导航图片等
工具/材料
dw等代码编辑软件
操作方法
-
01
在网页主体中定义一张画布（大小，颜色等），在HTML5输入JS代码，加载网页，并定义一只画笔如图
-
02
运行程序，如图
-
03
定义一个变量grd，在画布中心为150，起点为0，半径为20，终点为200的地方，创建一个径向效果，如图
-
04
在起点为0的地方设置径向渐变为“#000”
-
05
在0.1处的地方设置径向渐变为“white”
-
06
在0.2处的地方设置径向渐变为“#eee”
-
07
在0.3处的地方设置径向渐变为“drakgray”
-
08
填充径向渐变效果，在起点为0，终点为800的地方坐图，效果如图
-
09
运行程序，如图完成！再加上颜色就好了！（是不是有一双眼睛在盯着你）
- End
- 发表于 2017-10-27 00:00
- 阅读 ( 691 )
- 分类：电脑网络
admin
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章