canvas基本图形的绘制

 时间:2024-10-15 04:49:12

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如何快速查找元素
  • 热门搜索
    汉字真有趣手抄报 端午节手抄报内容 防溺水手抄报大全图片 爱国的手抄报 科技节手抄报 我爱汉字手抄报 关于读书的手抄报内容 森林防火手抄报 民族团结手抄报 五一劳动节手抄报