https://github.com/yuki-torii/learn-canvas

learn-canvas
https://github.com/yuki-torii/learn-canvas

canvas tutorial

Last synced: 8 months ago
JSON representation

learn-canvas

• Host: GitHub
• URL: https://github.com/yuki-torii/learn-canvas
• Owner: yuki-torii
• Created: 2017-03-13T11:26:33.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2017-03-18T01:34:55.000Z (about 9 years ago)
• Last Synced: 2025-03-02T09:44:45.796Z (about 1 year ago)
• Topics: canvas, tutorial
• Language: JavaScript
• Homepage: https://yuki-torii.github.io/learn-canvas/
• Size: 128 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Canvas 入门

## 准备

### 安装Nodejs

https://nodejs.org/en/

下载安装包后安装

### 安装Git

https://git-scm.com/downloads

下载安装包后安装

### 学习ES6

http://es6.ruanyifeng.com/

## 下载运行

```bash

# 下载代码

$ git clone https://github.com/yuki-torii/learn-canvas.git

# 进入目录

$ cd learn-canvas

# 安装依赖

$ npm install

# 或者

$ yarn

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

$ npm run dev

```

## 课程

 - 基本用法

 - 绘制基本图形

 - 运用样式与颜色

 - 绘制文本

 - 绘制图片

 - 图形变形