下载 >  移动开发 >  HTML5 > 使用 HTML5 canvas 进行 Web 绘图
3

使用 HTML5 canvas 进行 Web 绘图

简介: 新的 HTML5 规范旨在帮助开发人员更轻松的编写出各类 Web 应用,以顺应当前 SaaS,云计算以及 RIA 等技术的最新趋势。在 HTML5 得以广泛推广之前,开发人员通常使用 SVG,VML 等技术进行 Web 绘图操作,但这些基于 XML 的绘图语言声明式的绘图方式并不能满足复杂绘图操作在性能上的需求,比如 Web 游戏所需要的像素级别的绘图能力。HTML5 canvas 元素的出现填补了这种不足,开发人员可以使用 JavaScript 脚本语言在 canvas 中进行一系列基于命令的图形绘制操作,本文将通过讲解如何使用 canvas 元素进行基本绘图操作,以及完成简单的动画和用户交互任务,阐明 canvas 在帮助构建 Web 图形类应用时所能够提供的能力。更多html5相关信息请关注html5中国:http://www.html5cn.org 背景介绍 HTML5 中新引入的 canvas 元素使得 Web 开发人员在无须借助任何第三方插件(如 Flash,Silverlight)的情况下,可以直接使用 JavaScript 脚本在 Web 页面进行绘图。它首次由苹果公司的 Webkit 框架引入实现,并成功运用在 Safar i 浏览器中,读者在 这里可以体验到基于 canvas 的精彩示例。目前,canvas 已成为 HTML5 规范中的事实性标准,并且已经被 Firefox 3.0+, Safari 3.0+, Chrome 3.0+, Opera10.0+ 等浏览器所支持。最近(本文撰写之时),IE 也正式宣称将在其 9.0 版本之后,开始对 canvas 元素进行支持。 ...展开详情收缩
2011-11-16 上传大小:60KB
分享
收藏 (2) 举报

评论 共22条

superfjj 确实没图,看着有点不好理解啊!
2015-06-25
回复
u014254802 很简单,对于初学者比较好
2015-06-23
回复
zxzkkorz 书看了很久很不错,代码确实很全
2014-05-19
回复
HTML5_canvas

HTML5_canvas,使用 HTML5 canvas 进行 Web 绘图

立即下载
基于HTML5 Canvas和jQuery 的画图工具的实现

基于HTML5 Canvas和jQuery 的画图工具的实现 参考博文: http://blog.csdn.net/luanlouis/article/details/38490589

立即下载
《HTML5从入门到精通》中文学习教程

HTML5简介 HTML5视频、音频 HTML5 canvas绘图 HTML5 WEB存储 HTML5 input类型 HTML5 表单元素属性等等

立即下载
HTML5 Canvas绘图与动画学习59例源码

HTML5 Canvas绘图与动画学习59例源码。 (1) 一、绘图 (2) HTML5 Canvas 五彩光盘 (3) HTML5 Canvas马尾图案 (4) Html5 canvas制作奥运五环 (5) HTML5 Canvas画曼德布罗分形图 (6) HTML5 Canvas画玫瑰曲线 (7) HTML5 Canvas剪纸效果 (8) HTML5 Canvas动态生成饼图 (9) HTML5 Canvas绘三种菊花 (10) HTML5 canvas 画企鹅 (11) HTML5 Canvas 绘制雪花图案 (12) HTML5 Canvas 绘制正多边形 (13) HTML5 canvas绘中国银行标志 (14) HTML5 Canvas画米字旗(英国国旗) (15) HTML5 Canvas画星条旗(美国国旗) (16) HTML5 Canvas画标准的五星红旗(中国国旗) (17) HTML5 canvas绘图:两种方式旋转图像 (18) HTML5 Canvas绘制太极图 (19) Html5 canvas--立体文字 (20) HTML5 Canvas画正弦、余弦、正切函数图.. (21) HTML5 Canvas利用arcTo()方法画圆角矩形 (22) HTML5 Canvas画金刚石 二、动画 (23) HTML5 Canvas 多层圆环动画 (24) HTML5 canvas制作大风车动画 (25) HTML5 Canvas制作loading图 (26) HTML5 Canvas实现的遮罩动画 (27) HTML5制作- 刮刮乐 (28) HTML5 3D逼真雪花飘洒动画特效 (29) 一个HTML5 Canvas视差动画实例 (30) HTML5 Canvas背景滚动效果 (31) HTML5 Canvas多彩多边形动画 (32) 绘制漂亮的纯HTML5时钟 (33) HTML5 Canvas视差动画实例 (34) HTML5 Canvas火焰动画 (35) HTML5 Canvas燃烧文字 (36) HTML5 Canvas烟花效果 (37) HTML5 canvas 动画:飞翔的凤凰 (38) 旋转的3D立方体 (39) HTML5 Canvas五弹五波攻击动画 (40) 酷炫花朵动画效果(炫彩) (41) HTML5 Canvas3D旋转正方体 (42) HTML5 Canvas3D旋转球 (43) HTML5 canvas单摆动画 (44) 酷炫的HTML5 Canvas数字时钟 (45) HTML5 Canvas眨眼睛动画 (47) 用HTML5 Canvas画旋转的太极图 (48) HTML5 canvas 圆形抽奖动画 (49) 双螺旋线圣诞树动画 (50) 随鼠标360度旋转的图形 (51) HTML5 “十字架”时钟 (52) HTML5 动画:大风车 (53) HTML5 Canvas彩色颗粒动画 (54) HTML5 Canvas单车动画 (55) HTML5 Canvas 雪花飘飘 (57) HTML5 动画:烟花 (58) HTML5 Canvas繁花曲线源码 (59) 3d数学曲线动画3个 (60) HTML5 十二边形时钟

立即下载
html5——canvas

html5实现一个倒计时种,使用canvas绘图试下。

立即下载
html5-canvas-web-图片涂鸦

html5-canvas-web-图片涂鸦

立即下载
html5绘图工具 基于 HTML5 的 Canvas 技术,拓扑图是电力

html5绘图工具 基于 HTML5 的 Canvas 技术,拓扑图是电力和电信的叫法

立即下载
HTML5多点触摸演示,html5教程(利用Canvas绘图

HTML5多点触摸演示,html5教程(利用Canvas绘图

立即下载
HTML5多点触摸演示(利用Canvas绘图,html5教程

HTML5多点触摸演示(利用Canvas绘图)

立即下载
HTML5 CANVAS

HTML5 CANVAS 绘图, 图形的旋转,变化

立即下载
电子书-HTML5 Canvas

电子书-HTML5 Canvas 2D绘图API

立即下载
用Canvas元素进行HTML绘图.htm

用Canvas元素进行HTML绘图.htm用Canvas元素进行HTML绘图.htm用Canvas元素进行HTML绘图.htm用Canvas元素进行HTML绘图.htm用Canvas元素进行HTML绘图.htm

立即下载
HTML 5 canvas

该资料详细介绍了如何方便的利用HTML5 canvas进行绘图的技巧,阅读后比较容易上手。

立即下载
使用HTML5 canvas 标签进行图片裁剪、旋转、缩放示例代码

使用HTML5 canvas 标签进行图片裁剪、旋转、缩放示例代码

立即下载
HTML5 读取XML数据 画图

简易的HTML5 读取XML数据, 然后根据 XML中的数据用canvas的“绘图模式”画图

立即下载
HTML5 Canvas 开发详解(第二版)高清完整版.pdf

HTML5 Canvas 开发详解(第二版)高清完整版,自己在看,发现csdn没有很完整的,传上来一起学习

立即下载
HTML5 绘图日记

使用HTML5 CANVAS 离线存储 技术构建的绘图日记本。可在日记中绘图,拖放图片。可保存到本地离线存储。

立即下载
炫丽的计时器效果Canvas绘图与动画

HTML5新特性 canvas画布 原生js 炫丽的计时器效果Canvas绘图与动画

立即下载
html5 canvas实现的绘图工具自由绘制图形画板源码

html5 canvas实现的绘图工具自由绘制图形画板源码 有很多功能

立即下载
html5在线编辑器基于canvas实现

html5在线编辑器基于canvas实现

立即下载
关闭
img

spring mvc+mybatis+mysql+maven+bootstrap 整合实现增删查改简单实例.zip

资源所需积分/C币 当前拥有积分 当前拥有C币
5 0 0
点击完成任务获取下载码
输入下载码
为了良好体验,不建议使用迅雷下载
img

使用 HTML5 canvas 进行 Web 绘图

会员到期时间: 剩余下载个数: 剩余C币: 剩余积分:0
为了良好体验,不建议使用迅雷下载
VIP下载
您今日下载次数已达上限(为了良好下载体验及使用,每位用户24小时之内最多可下载20个资源)

积分不足!

资源所需积分/C币 当前拥有积分
您可以选择
开通VIP
4000万
程序员的必选
600万
绿色安全资源
现在开通
立省522元
或者
购买C币兑换积分 C币抽奖
img

资源所需积分/C币 当前拥有积分 当前拥有C币
5 4 45
为了良好体验,不建议使用迅雷下载
确认下载
img

资源所需积分/C币 当前拥有积分 当前拥有C币
5 0 0
为了良好体验,不建议使用迅雷下载
VIP和C币套餐优惠
img

资源所需积分/C币 当前拥有积分 当前拥有C币
5 4 45
您的积分不足,将扣除 10 C币
为了良好体验,不建议使用迅雷下载
确认下载
下载
您还未下载过该资源
无法举报自己的资源

兑换成功

你当前的下载分为234开始下载资源
你还不是VIP会员
开通VIP会员权限,免积分下载
立即开通

你下载资源过于频繁,请输入验证码

您因违反CSDN下载频道规则而被锁定帐户,如有疑问,请联络:webmaster@csdn.net!

举报

若举报审核通过,可返还被扣除的积分

  • 举报人:
  • 被举报人:
  • *类型:
    • *投诉人姓名:
    • *投诉人联系方式:
    • *版权证明:
  • *详细原因: