`
Jameslyy
  • 浏览: 403369 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Javascript 图形

阅读更多

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/

 

 

分享到:
评论

相关推荐

    js.zip_javascript_javascript 图形_js_js graphics

    JavaScript图形渲染在现代Web开发中扮演着至关重要的角色,它不仅用于创建交互式图表,还可以实现游戏、3D模型、数据可视化等多种应用。例如,结合WebGL可以实现更复杂的3D图形渲染,带来丰富的用户体验。 ...

    wz_jsgraphics(1).zip_javascript 图形_wz_jsgraphics_wz_jsgraphics.j

    JavaScript图形库 wz_jsgraphics 是一个强大的工具,专为在Web上创建动态和交互式的几何图形设计。这个库允许开发者利用JavaScript语言的灵活性和浏览器的原生支持,来绘制各种复杂的图形,包括直线、圆形和正方形等...

    javascript图形API库jsDraw2D

    **JavaScript图形API库jsDraw2D** jsDraw2D是一个专为Web开发者设计的强大JavaScript图形API库,它允许用户在浏览器环境中创建复杂的2D图形。这个库特别适用于那些需要在网页上实现动态图形、交互式图表或者游戏...

    JavaScript图形实例:随机SierPinski三角形.docx

    JavaScript 图形实例:随机 SierPinski 三角形 在这个 JavaScript 图形实例中,我们将学习如何使用 JavaScript 生成随机的 SierPinski 三角形。SierPinski 三角形是一种 fractal 图形,具有自相似性和无限细节性。...

    35款值得网站开发者收藏的JAVASCRIPT图形图表库.docx

    JavaScript图形图表库是网站开发者的重要工具,用于将数据以视觉化的方式展示出来,便于理解和分析。这篇文章汇总了35款值得收藏的JavaScript图表库,涵盖了各种类型的图表,如条形图、折线图、饼图等,适用于各种...

    javascript图形控件

    JavaScript图形控件是一种在网页上实现数据可视化的重要技术,它能够将复杂的数据通过直观的图形方式展示出来,便于用户理解和分析。在这个主题中,我们主要关注的是饼图、曲线图和柱状图,这些都是JavaScript图形...

    JavaScript图形验证码的实现

    JavaScript验证码的简单实现,有简单的随机数字,也有较复杂的图形验证码, 这种图形验证码很高效简洁,使用爬虫是有较大难度的爬取网站信息的。 而且这种图形验证码的应用场景非常广,可用在登录注册等等需要上传...

    JavaScript图形库BonsaiJS.zip

    BonsaiJS 是一个轻量级的 JavaScript 图形库,提供直观的图形 API 和 SVG 渲染器,主要特性包括: 架构分离的运行器和渲染器 iFrame, Worker and Node 运行上下文 Paths Assets (Videos, Images, Fonts, ...

    gremlin-javascript, TinkerPop3 Gremlin服务器的JavaScript图形数据库客户端.zip

    gremlin-javascript, TinkerPop3 Gremlin服务器的JavaScript图形数据库客户端 gremlin与 Apache TinkerPop3框架相关的JavaScript库的mono库:Gremlin: web socket客户端到后台和浏览器( 以前,这个)tinkergraph: ...

    JavaScript图形处理库grafi.js.zip

    grafi.js 是一个 JavaScript 图形处理库,每一个模块代码都很短,建议开发者直接看代码学习不同的图形处理算法。原图: 反转: 标签:grafi

    JAVASCRIPT高效图形编程_.pdf

    JAVASCRIPT高效图形编程_.pdf

    javascript图形化框架列表

    提供一份现有流行javascript流行框架的介绍以及licence介绍

    JavaScript中的图形可视化框架-专业的图形可视化引擎

    一款专业的图形可视化引擎,基于 JavaScript 构建。 具备以下功能: - 丰富的元素:内置丰富的节点与边元素,自由配置,支持自定义; - 可控的交互:内置 10+ 交互行为,支持自定义交互; - 强大的布局:...

    javascript图形

    在现代网页设计中,JavaScript图形是不可或缺的一部分,它极大地丰富了用户体验,提升了网站的吸引力和功能性。 HTML5 Canvas是JavaScript图形的一个关键工具,它提供了一个二维画布,开发者可以在这个画布上绘制...

    JAVASCRIPT高效图形编程

    JAVASCRIPT高效图形编程JAVASCRIPT高效图形编程JAVASCRIPT高效图形编程JAVASCRIPT高效图形编程JAVASCRIPT高效图形编程JAVASCRIPT高效图形编程

    JavaScript_令人惊叹的嵌入式系统显示图形.zip

    在“lopaka_main.zip”文件中,可能包含了实现JavaScript图形显示的示例代码、教程或工具集。"lopaka"可能是一个项目名称或特定库的代号,它可能提供了简化在嵌入式系统中使用JavaScript进行图形编程的接口。通过...

    JavaScript图形绘制库Toxiclibs.js.zip

    Toxiclibs.js 是一个开源的计算机图形设计库,无需外部依赖,使用 &lt;canvas&gt; 元素进行图形绘制。 标签:Toxiclibs

    TypeScript_一个JavaScript图形可视化框架.zip

    TypeScript

    plot-raphael:JavaScript 图形库

    **情节拉斐尔:JavaScript图形库** 情节拉斐尔(Plot-Raphael)是一个基于JavaScript的高性能绘图库,它允许开发者在网页上创建各种复杂的图形和图表。这个库的名称来源于Raphael.js,一个强大的SVG(Scalable ...

Global site tag (gtag.js) - Google Analytics