《HTML 5 Canvas 基础教程》 .docVIP

HTML 5 Canvas 的基础教程 前言 2 Canvas 基础 2 2D context API 3 基本线条 4 路径 5 插入图像 7 像素级操作 8 文字 10 阴影 12 颜色渐变 13 canvas 演示 15 小节 16 前言 HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。 画布是一个矩形区域，您可以控制其每一像素。 canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。本文介绍 2D canvas基础以及如何使用基本 canvas 函数，如线条、形状、图像和文字等。为了理解此文章，你最好了解 JavaScript 基础知识。 Canvas 基础 什么是Canvas? HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。 　　画布是一个矩形区域，您可以控制其每一像素。 　　canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。 123 canvas id=myCanvas width=300 height=150Fallback content, in case the browser does not support Canvas./canvas 为了能在 JavaScript 中引用元素，最好给元素设置 ID ；也需要给 canvas 设定高度和宽度。