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基本图形的绘制

去除草莓印的小妙招 工伤怎么来认定? Mac电脑QQ怎么关掉QQ空间功能 如何修复“无法从服务器获取播放器信息”错误? PS如何快速查找元素
热门搜索
石蛙图片 五谷杂粮图片 hdmi接口图片 食人鱼图片 飞机模型图片