Canvas 入门

准备

安装Nodejs

https://nodejs.org/en/ 下载安装包后安装

安装Git

https://git-scm.com/downloads 下载安装包后安装

学习ES6

http://es6.ruanyifeng.com/

下载运行

# 下载代码
$ git clone https://github.com/yuki-torii/learn-canvas.git

# 进入目录
$ cd learn-canvas

# 安装依赖
$ npm install

# 或者
$ yarn

# 启动代码后，用浏览器打开 http://localhost:8080
$ npm run dev

课程

• 基本用法
• 绘制基本图形
• 运用样式与颜色
• 绘制文本
• 绘制图片
• 图形变形