Javascript 图形

最新推荐文章于 2017-07-18 20:18:26 发布

最新推荐文章于 2017-07-18 20:18:26 发布 · 193 阅读

文章标签：

#JavaScript #浏览器 #Web #Firefox #Opera #ViewUI

RIA / JS / Flex 专栏收录该内容

15 篇文章

订阅专栏

本文介绍了HTML5中用于绘图的Canvas元素，可伸缩矢量图形SVG及其应用，以及微软推出的矢量标记语言VML。涵盖了这些技术的历史背景、特点及浏览器支持情况。

Canvas SVG VML

Canvas

<canvas>是一个新的HTML元素，这个元素可以被Script语言(通常是JavaScript)用来绘制图形。例如可以用它来画图、合成图象、或做简单的(和不那么简单的)动画。

<canvas>最先在苹果公司(Apple)的Mac OS X Dashboard上被引入，而后被应用于Safari。基于Gecko1.8的浏览器，例如Firefox 1.5，也支持这个新元素。元素<canvas>是WhatWG Web applications 1.0也就是HTML 5标准规范的一部分。

Mizilla Canvas tutorial http://developer.mozilla.org/cn/docs/Canvas_tutorial

SVG Scalable Vector Graphics 可伸缩矢量图形

SVG是XML来描述二维图形的语言。SVG可以构造3种类型的图形对象：矢量图形、位图图象和文字。图形对象可被组化、样式化、变形和重组，包括图象嵌套、变形处理、剪辑路径、Alpha蒙板、滤镜特效和模板对象。

SVG面向图形，XHTML面向文本。SVG与Flash类似，都是用于二维矢量图形，二者的区别在于，SVG是一个W3C标准，基于XML，是开放的，而Flash是封闭的基于二进制格式的。因为都是W3C标准，SVG与其他的W3C标准，比如CSS, DOM and SMIL等能够协同工作。

对SVG支持最好的浏览器是Opera，它支持大多数的SVG特性。
对于专门的SVG浏览器，Batik SVG viewer能对大多数特性有良好支持，与Opera不相伯仲。但它不能和浏览器互动。
加载了Adobe SVG Viewer的Internet Explorer也能支持多数SVG特性，但是由于没有浏览器的原生支持，在交互方面许多特性不支持。
Mozilla Firefox 2.0对SVG特性的支持相当弱，许多重要特性如动画等都不能支持。

SVG China http://www.chinasvg.com

w3 SVG http://www.w3.org/Graphics/SVG/

SVG wiki http://zh.wikipedia.org/wiki/SVG

SVG Adob http://www.adobe.com/svg/viewer/install/main.html

SVG Mazilla http://developer.mozilla.org/cn/docs/SVG

w3school http://www.w3schools.com/svg/default.asp

SVG open http://www.svgopen.org/2008/index.php

VML Vector Markup Language 矢量可标记语言

The Vector Markup Language (VML) Format Writer module enables the Feature Manipulation Engine (FME) to be used in conjunction with the world wide web to translate vector data on-the-fly for display in web browsers. VML is an Extensible Markup Language (XML) based exchange, editing, and delivery format for vector graphics on the web.

VML, which is written using the XML syntax, is a text-based markup language used for describing vector graphics that can be viewed and edited by a wide variety of tools. It provides for the description of lines, polygons, curves, images, and text objects. Positioning and layout of the vector graphics are accomplished by using the Cascading Style Sheets, Level 2 (CSS2) visual rendering model. For more information on VML, XML, CSS1, and CSS2 see the World Wide Web Consortium Web site at http://www.w3.org .

VML是微软1999年9月附带IE5.0发布的。IE5.0以上版本对VML提供支持。

http://www.w3.org/TR/NOTE-VML

http://www.vml.com/

http://en.wikipedia.org/wiki/Vector_Markup_Language

http://www.lutanho.net/svgvml3d/index.html

http://www.safe.com/reader_writerPDF/vml.pdf

http://www.microsystem.cn/vmlChart/