canvas基本图形的绘制

 时间:2026-02-12 22:23:58

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

  • 去除草莓印的小妙招
  • 工伤怎么来认定?
  • Mac电脑QQ怎么关掉QQ空间功能
  • 如何修复“无法从服务器获取播放器信息”错误?
  • PS如何快速查找元素
  • 热门搜索
    淡奶油怎么保存 上海建桥学院怎么样 修眉刀怎么用 山药过敏怎么办 手机没信号怎么办 散光是怎么回事 二级建造师怎么注册 cf两边黑屏怎么解决 家长会感想怎么写 平安银行贷款怎么贷