/learn-canvas

learn-canvas

Primary LanguageJavaScript

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

课程

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