HTML5 Canvas

教程簡介

HTML5的canvas元素使用JavaScript在網頁上繪製圖像。畫布是一個矩形區域，您可以控制其每一像素。canvas擁有多種繪製路徑、矩形、圓形、字元以及添加圖像的方法。本節課程將告訴你如何使用canvas繪製基本的圖形、動畫、以及關於canvas的簡單套用。

目錄

01-Canvas基礎介紹
02-基本形狀
03-弧形、漸變&文本
04-縮放和旋轉
05-平移、保存和恢復
06-動畫
07-裁剪介紹
08-矩形裁剪
09-重置裁剪區域
10-不連續裁剪
11-創建一個放大鏡
12-繪製圖表
13-從播放的視頻中提取縮略圖