<canvas>是一个新的HTML元素，这个元素可以被Script语言(通常是JavaScript)用来绘制图形。例如可以用它来画图、合成图象、或做简单的(和不那么简单的)动画。右面的图象展示了一些<canvas>的应用示例，我们将会在此教程中看到他们的实现。
<canvas>最先在苹果公司(Apple)的Mac
OS X Dashboard上被引入，而后被应用于Safari。基于Gecko1.8的浏览器，例如Firefox 1.5，也支持这个新元素。元素<canvas>是WhatWG
Web applications 1.0也就是大家都知道的HTML 5标准规范的一部分。
在本教程中，我将试着讲述如何在你自己的网页中使用<canvas>元素。提供的示例应该会给你些清晰概念，即用<canvas>能做些什么的。这些示例也可作为你应用<canvas>的起点。
开始使用之前
用元素<canvas>并不难，只要你具有HTML和JavaScript的基础知识。
如上所述，并不是所有现代浏览器都支持<canvas>元素，所以你需要 Firefox 1.5或更新版本、或者其他基于Gecko的浏览器例如Opera 9、或者最近版本的Safari才能看到所有示例的动作。
目录
参考
- Canvas topic page
- Drawing Graphics with Canvas
- Canvas 演示 - 游戏，应用程序,工具与教程
- Canvas 示例集
- interactive canvas tutorial
相关推荐
Python_tkinter_8_Canvas_画布_(GUI_窗口_教学教程tutorial)
Android HTML5 Canvas教程
将网站https://developer.mozilla.org/en/Canvas_tutorial/ 制作成CHM文件便于阅读
我将尝试通过创建一系列教程来解决此问题，以说明文本编辑器的所有重要方面，同时使用HTML5 canvas和许多JavaScript代码创建可用的应用程序。 以下是按优先级排列的编辑器功能要求列表： 键盘光标导航和选择； ...
Canvas Pocket Reference provides both a tutorial that covers all of the element's features with plenty of examples and a definitive reference to each of the Canvas-related classes, methods, and ...
画布教程参考
51CTO下载-HTML5 Tutorial - 41 - Saving and Restoring the Canvas
1、canvas中文教程https://developer.mozilla.org/zh-CN/docs/Canvas_tutorial 2、canvas默认宽高是300、150，为避免异常，最好使用显示属性添加而不通过css来添加宽高 3、在canvas标签内部添加不支持canvas标签的...
阅读本文需要一点关于canvas基本用法的基础，本文实例为大家分享了HTML5 Canvas实现圆形时钟简易教程 第一步：新建一个最简单的html文件，并且在<body>标签中定义元素canvas。 canvas.html <html> ...
根据https://developer.mozilla.org/cn/Canvas_tutorial文档重新整理的html5 canvas文档。在原有文档的基础上，提供了作者自己的理解，并针对每个方法进行了实际的样例代码编写。
Qt官方 QtQuickCanvasTutorial教程，及示例代码
最终效果图 ...var canvas = document.getElementById('tutorial'); var ctx = canvas.getContext('2d'); ctx.fillStyle = "#f2d7d7"; 二、画第一个圆弧 ctx.beginPath(); ctx.arc(x, y, radius, Mat
Canvas 中绘制游戏板 介绍 本教程的目标是获得一些将 ClojureScript 与 HTML Canvas 元素结合使用的练习，包括 JavaScript 互操作性。 副产品是我们构建了一些可能有用的东西。 我们可以访问浏览器，我发现创建一些...
Canvas Pocket Reference provides both a tutorial that covers all of the element's features with plenty of examples and a definitive reference to each of the Canvas-related classes, methods, and ...
webgl-tutorial 写给自己看的webGL教程 初识WEBGL 假设你和我一样有一定的前端基础，而且又对于图形学很感兴趣，在CSS/canvas/svg之外的领域想要去学习更多的知识， 那就让我们一起来揭开webgl新世界的大门吧 1.什么...
Fabric.js中文教程 为什么要做fabric Fabric中的对象 Canvas 图像 路径（Paths） 动画（animate） 图像滤镜（filters） 颜色（Colors） 渐变（Gradients） 文本（Text） 字体（fontFamily） 组合（Group） 序列化 反...
教程-spaceshooter 太空射击教程波兰语教程： : 在本教程中，我们将使用 Canvas 元素创建一个简单的 JavaScript 游戏。 游戏将涉及太空飞行和向敌舰射击。 不是原创，但你必须从某个地方开始，对吧？ 经典的想法是...
캔버스튜토리얼 在MDN MDN上的所有产品。 놀이공간 이동 링크스트를입력 이동시키기 （ ）
首先关于 [评价可免费] 的严重声明: 一、评价=评论加评价（评星星）；...For graphics programmer, we give a short introduction on using Bitmaps for animation and a more advanced tutorial on using Direct Draw.
Canvas Clock The analog clock purely implemented by Canvas API.（使用纯Canvas API实现的模拟时钟） Its a Canvas API tutorial sample. See my for more things.