文档章节

使用javascript实现跨浏览器绘图相关..

喔喔兒
 喔喔兒
发布于 2011/04/10 12:31
字数 353
阅读 341
收藏 2

HTML里DOMcanvas对象可以画出各式各样的2D 3D图象,甚至游戏.IE不支持这个对象,微软不想让javascript太强大.

可以通过SVG/VML+JS模拟canvas来实现跨浏览器的矢量图形实现方案. 这其实和网络字体的实现原理是有些类似的:IE浏览器使用SVG绘图, 然后IE中使用VML. 它的目的是想要提供一种简单易用的真正跨浏览器的矢量图形实现方案,包括一些动画效果.

Raphael,用来简化在页面上显示向量图的工作. 你可以用它在页面上绘制各种图表, 并进行图片的剪切旋转等操作.

Google2006年推出了excanvas.js.利用IEVML模拟canvas, 实现IE下画布元素.

0812月一个日本人,小雄次郎推出了: uupaa-excanvas.js. 虽然没有像Raphael那样做了高级绘图及动画的封装,但他抹平了canvasvml的差异,基于这个前提再做封装效果或许会更好一些.而且面向未来.

 

相关链接:

javascript有绘图功能吗?(csdn)

Raphael官方网站 Raphael库简介(前端观察)

Uupaa源码

Uupaa原作者博客(日文)

封装JS实现跨浏览器绘图

EXCanvas的一些示例

© 著作权归作者所有

喔喔兒
粉丝 26
博文 64
码字总数 11003
作品 0
大连
程序员
私信 提问
2014 不能错过的 10+ 个 JavaScript 游戏引擎

在过去几年里,JavaScript 变得越来越流行,现在被认为是 Github 上面最受欢迎的编程语言。JavaScript 和 HTML5 这个流行的组合和 HTML5 的最新发展催生了各种 JavaScript 游戏引擎。这个组合...

oschina
2014/03/20
6.4K
13
7个常见Javascript框架介绍

设计开发中的“框架”指一套包含工具、函数库、约定,以及尝试从常用任务中抽象出可以复用的通用模块,目标是使设计师和开发人员把重点放在任务项目所特有的方面,避免重复开发。通俗的讲,框...

Junn
2012/09/16
228
0
使用 HTML5 canvas 绘制精美的图形

本文主要介绍使用一个简单的 HTML 元素 Canvas 来增强您的 web 页面。通过利用其灵活性和多样性吸引访客反复访问您的站点。 HTML5 是一个新兴标准,它正在以越来越快的速度替代久经考验的 HT...

IBMdW
2012/02/21
3.1K
4
使用 HTML5 canvas 绘制的图形

HTML5 是一个新兴标准,它正在以越来越快的速度替代久经考验的 HTML4。HTML5 是一个 W3C “工作草案” — 意味着它仍然处于开发阶段 — 它包含丰富的元素和属性,它们都支持现行的 HTML 4.0...

coko
2013/08/15
122
0
【北京】某电子商务网站诚聘JS高级前端工程师

岗位要求: § 不少于2年的纯粹前端开发经验,参与过丰富的JS客户端的前端开发项目; § 深入理解Web标准,高可用性/可访问性原则; § 精通Javascript语言,了解对其宿主如浏览器脚本引擎/...

sabrinazhu
2012/04/11
370
5

没有更多内容

加载失败,请刷新页面

加载更多

最简单的获取相机拍照的图片

  import android.content.Intent;import android.graphics.Bitmap;import android.os.Bundle;import android.os.Environment;import android.provider.MediaStore;import andr......

MrLins
56分钟前
4
0
说好不哭!数据可视化深度干货,前端开发下一个涨薪点在这里~

随着互联网在各行各业的影响不断深入,数据规模越来越大,各企业也越来越重视数据的价值。作为一家专业的数据智能公司,个推从消息推送服务起家,经过多年的持续耕耘,积累沉淀了海量数据,在...

个推
58分钟前
8
0
第三方支付-返回与回调注意事项

不管是支付宝,微信,还是其它第三方支付,第四方支付,支付机构服务商只要涉及到钱的交易都要进行如下校验,全部成功了才视为成功订单 1.http请求是否成功 2.校验商户号 3.校验订单号及状态...

Shingfi
今天
4
0
简述Java内存分配和回收策略以及Minor GC 和 Major GC(Full GC)

内存分配: 1. 栈区:栈可分为Java虚拟机和本地方法栈 2. 堆区:堆被所有线程共享,在虚拟机启动时创建,是唯一的目的是存放对象实例,是gc的主要区域。通常可分为两个区块年轻代和年老代。更...

DustinChan
今天
6
0
Excel插入批注:可在批注插入文字、形状、图片

1.批注一直显示:审阅选项卡-------->勾选显示批注选项: 2.插入批注快捷键:Shift+F2 组合键 3.在批注中插入图片:鼠标右键点击批注框的小圆点【重点不可以在批注文本框内点击】----->调出批...

东方墨天
今天
6
1

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部