养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

canvas基本图形的绘制

时间:2024-10-25 07:23:13

使用canvas可以绘制出一些基本的图形,例如:圆形、长方形、三角形等等,今天小编就介绍几款基础兔脒巛钒图形给大家,认真看哦~

canvas基本图形的绘制

工具/原料

sublimetext3

浏览器

方法/步骤

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

canvas基本图形的绘制

2、ctrl+s”保存,需要输入文件名字,这里我就叫“绘制基本图形”,童鞋们自己随意,不强求,然后保存,一个页面就建好了。

canvas基本图形的绘制

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

canvas基本图形的绘制

4、重磅登场!下面的代码要认真看、仔细写。图形是绘制在一个画布里的,注意路径的闭合。如下图所示:

canvas基本图形的绘制

5、右键选择“在浏览器中打开”或者工具->sublimeserver-争犸禀淫>startsublimeserver,打开sublimeserver服务,右键选择“vie臃扮哀坷winsublimeserver”具体如下图所示:

canvas基本图形的绘制

canvas基本图形的绘制

canvas基本图形的绘制

6、是不是看到效果了,根据代码依葫芦画瓢的搞起来吧,更多有趣的图形在向你招手呢,还在等什么!

canvas基本图形的绘制

© 一点知识