图 7: 使用线性颜色渐变的例子

canvas 演示

如果你想知道使用 Canvas可以做些什么，可以参看以下的工程：

Opera Widget：

在线工程和演示

小节

Canvas 是 HTML 5最让人期待的特性之一，目前已获得大部分 Web 浏览器支持。Canvas 可以帮助创建游戏、增强图形用户界面。2D context API 提供大量图形绘制功能——我希望通过本文你了解了 canvas 使用，并且你有兴趣了解更多！

本文转自：operachina

本文翻译自 HTML 5 canvas – the basics
作者 Mihai Sucan

作者：彬Go

关注前端技术、性能优化、Web UI设计、交互体验的博客

原文地址：关于HTML 5 canvas 的基础教程, 感谢原作者分享。

→使用CSS3开启GPU硬件加速提升网站动画渲染性能 ←用CSS3制作50个超棒动画效果教程

发表评论

您可能感兴趣的博客

彬Go 发表 2010-06-15 17:31:30 关于HTML 5 canvas 的基础教程

chenzimu7 发表 2015-05-07 20:41:16 月中福利！献给网页设计师的HTML5/CSS3/JS便捷工具

小影 发表 2014-05-31 17:05:09 使用 Prism.js 实现漂亮的代码语法高亮

知更鸟 发表 2015-01-24 15:06:32 12款经典图片轮播jquery插件

cyRotel 发表 2015-03-26 13:14:54 前沿穿越！聊聊HTML5小游戏的制作技巧及经验

TAT.dmyang 发表 2012-11-05 13:10:53 HTML5迟来的API：Page Visibility

simon 发表 2012-12-27 08:37:23 HTML5的placeholder 属性的向下兼容

abcd9.com 发表 2013-03-09 02:59:00 Node.js入门教程（二）

Picturepan2 发表 2013-04-01 03:07:18 jQuery 2.0 将增加 Windows Store 应用开发支持

炫意HTML5 发表 2013-05-05 15:25:07 纯 JavaScript 实现的 OAuth 认证

博主 发表 2014-11-30 00:00:00 Webapp 的路由管理

terrywh 发表 2014-10-13 09:49:47 使用 Snap.svg 开发 1024 游戏 - 1

您可能感兴趣的代码

2014-10-21 14:05:57 by 猩猩总统

2015-03-14 09:24:00 by shenspring

2012-11-02 22:41:46 by xuleaper

2012-11-28 09:02:10HTML5本地存储localStorage使用示例 by 古殇

2013-10-21 09:58:32HTML5之特效之雨点效果代码 by 奔小康

2014-08-16 17:50:46html5 canvas制作的简单时钟效果 by shenspring

2015-02-03 09:42:10 by arden

2015-01-25 10:18:27 by shenspring

2015-02-15 09:10:01checkbox 勾选所有 by tsl0922

2015-01-26 09:42:32 by init0

2012-11-22 01:55:03HTML5 实现文件拖放上传 by 林峰

2014-12-07 13:43:17 by shenspring