canvas实现渐变的效果

2024-11-09 18:54:04

1、打开sublime text3编辑器,文件->新建文件;或者“ctrl+n”来新建文件,如下图所示:

canvas实现渐变的效果

2、ctrl陴鲰芹茯+s”保存,需要输入文件名字,这里我就叫“渐变”,童鞋们自己随意,不强求,然后保存,一个页面就建好了。如下图所示:

canvas实现渐变的效果

3、然后在页面输入英文“!”之后按“Tab”,生成一个简单的dom结构,如下图所示:

canvas实现渐变的效果

4、之后将如下图所示的代码码到页面上就可以了!!!

canvas实现渐变的效果

5、右键选择“在浏览器中打开”或者工具->sublimeserver-争犸禀淫>start sublimeserver,打开sublimeserver服务,右键选择 “view in sublimeserver”具体如下图所示:

canvas实现渐变的效果canvas实现渐变的效果canvas实现渐变的效果

6、完事,是不是不难呢?更多效果后续会为大家分享哦!

canvas实现渐变的效果
猜你喜欢