canvas实现图片的移动变形

2024-11-17 13:55:38

1、打开sublime text3编辑器,文竭惮蚕斗件->新建文件;或者按键盘上的“ctrl+n”新建文件,童鞋们自行选择,如下图所示:

canvas实现图片的移动变形

2、然后,ctrl+s”保存,输入文件名字“图片移动变形”,童鞋们自己随意,不强求,然后保存,一个页面就建好了。

canvas实现图片的移动变形

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

canvas实现图片的移动变形

4、下面关键的部分来了,请童鞋们认真看起来~如下图所示:

canvas实现图片的移动变形canvas实现图片的移动变形canvas实现图片的移动变形canvas实现图片的移动变形canvas实现图片的移动变形

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

canvas实现图片的移动变形canvas实现图片的移动变形canvas实现图片的移动变形

6、好了,告一段落,随便变形、移动吧~可以缓解压力~~~~~~

canvas实现图片的移动变形
猜你喜欢