SVG
文章平均质量分 69
wenzi_li
这个作者很懒,什么都没留下…
展开
-
SVG中的动画技术(2)
http://blog.csdn.net/net_lover/archive/2002/01/25/6889.aspx下面再看一个沿指定路径运动的例子:xml 代码 xml version="1.0" encoding="UTF-8" standalone="no"?> "http://www.w3.org/TR/2001/REC-SVG-20010...2007-11-18 11:43:15 · 104 阅读 · 0 评论 -
SVG中的动画技术(1)
http://blog.csdn.net/net_lover/archive/2002/01/25/6888.aspxSVG中的动画技术(1) 动画技术是互联网中不可缺少的一个重要组成部分,是吸引访问者的重要手段之一,SVG也同样有能力随时改变矢量图象外在表现的能力。SVG中生成动画的方式有:1)利用SVG提供的动画元素实现:由于SVG的内容可以定义成动态变化的,因此,利用SVG提...2007-11-18 11:45:01 · 159 阅读 · 0 评论 -
AJAX + SVG 实现实时监控图表
AJAX + SVG 实现实时监控图表 级别: 初级 皮 振华 (pi_zh@e...2007-11-18 11:53:21 · 290 阅读 · 0 评论 -
使用脚本动态操作 SVG 文档
使用脚本动态操作 SVG 文档 级别: 初级 陈珂 (chenke@snmobile.com), 技术总监,...2007-11-18 12:06:08 · 131 阅读 · 0 评论 -
一个SVG的地图
http://www.bundeswahlleiter.de/bundestagswahl2005/onlineatlas/atlas.svgzhttp://www.bundeswahlleiter.de/bundestagswahl2005/onlineatlas/ http://bbs.xml.org.cn/dispbbs.asp?boardID=21&ID=21439&r...2007-11-21 13:28:34 · 101 阅读 · 0 评论 -
面向浏览器的动态 SVG
面向浏览器的动态 SVG以 SVG 为基础在 Web 项目中创建交互式的动态效果https://www6.software.ibm.com/developerworks/cn/education/xml/x-dynamicsvg/index.html2007-11-21 22:52:07 · 82 阅读 · 0 评论 -
SVG相关教程
准备 XML 及相关技术认证,第 4 部分:XML 转换 如果应用程序与其他系统共享数据,常常需要将 XML 文档转换为受不同 XML Schema 或文档类型定义(DTD)控制的其他 XML 格式。如果要求应用程序与用户共享数据或者向用户显示 XML 数据,可能需要把 XML 文档转换为 HTML、可缩放矢量图形(SV...2007-11-21 22:53:55 · 108 阅读 · 0 评论 -
基于Batik的SVG应用: 关于几何变换[转帖]
http://www.cnitblog.com/wjh1025/archive/2006/01/07/6074.aspx基于Batik的SVG应用: 关于几何变换[转帖]SVG 是一种用 xml 语言来描述二维图形对象的语言,SVG 允许三种图形对象:1.矢量图形,2.图片,3.文本对象。这三种图形对象都可以支持分组,使用样式渲染,进行几何变换。 SVG 还能够通过脚本来实现交互操作...2007-11-24 20:47:59 · 124 阅读 · 0 评论 -
使用Batik开发SVG应用程序(一) 转载
使用Batik开发SVG应用程序 摘要<o:p></o:p>Batik是Apache软件基金会(Apache Software Foundation)开发的一个开源项目。该项目的目标是提供一组核心模块,通过使用这些模块可以实现特定的SVG解决方案。本文将介绍如何使用Batik组件开发具有SVG功能的JavaTM应用程序。<o:p></o:p>...2007-11-24 21:00:36 · 246 阅读 · 0 评论 -
使用Batik开发SVG应用程序(二)
使用Batik创建SVG应用程序<o:p></o:p>Batik工具集提供的JSVGCanvas模块是一个swing 组件,用于显示静态或动态SVG文档。通过JSVGCanvas模块,开发人员可以轻松显示SVG文档(通过URI地址或DOM树)并对其进行操作,例如旋转、缩放、摇动、选择文本或激活超级链接等。首先介绍如何创建JSVGCanvas并集成到一个swing应用程序中...2007-11-24 21:05:27 · 209 阅读 · 0 评论 -
batik详解(1) 转载
batik详解(1) 转载一、概述Batik是为想使用svg格式图片来实现各种功能的应用程序和Applet提供的一个基于java的工具包。工程创建的目的是为开发者提供一系列可以结合或单独使用来支持特殊的svg解决方案的核心模块。模块主要有SVGParser,SVGGernerator,SVGDOM。Batik工程的其他目的是使它具有高度的扩展性----举个例子,Batik允许开发者使用自...2007-11-24 21:14:02 · 255 阅读 · 0 评论 -
batik详解(2) 转载
四、解析器模块SVG有很多没有属性值的微型语法使用,比如SVGTransformable元素中的transform属性,path元素中的path data d属性等。以前这些属性不能很好的被解析,现在必要时可以通过SVG进程应用程序来使用。1.解析器,操作者,生产者在解析模块中,每个微语法通过一对类来支持---解析器和操作者。解析器是一个用来执行解析接口(用来从一个reader或者一个S...2007-11-24 21:28:54 · 250 阅读 · 0 评论 -
batik详解(3) 转载
Scripting with ECMAScript 脚本基础作为ECMAScript 语言(JavaScript的标准版本)是最流行的脚本语言之一,并且作为SVG的标准规定任何一个SVG都必须支持它。SVG documents 处理通过Batik 支持带有使用 Mozilla’s ECMAScript interpreter, Rhino ECMAScript的脚本.在SVG 文件中,有两个...2007-11-24 21:34:00 · 201 阅读 · 0 评论 -
batik详解(4) 转载
使用 Rhino 特性 Rhino有很多通过标准的ECMAScript解释器支持的特性,并且这个特性可以在batik中使用 。一个有用的特性是ECMAScript 代码可以使用java类和对象, 并且不仅仅是标准的ECMAScript 原始类型和通过Batik的主机对象扩展。要从ECMAScript 中创建一个java类实例,你首先需要导入它存在的包。这个实现要使用Rhino 提供的impor...2007-11-24 21:46:18 · 183 阅读 · 0 评论 -
batik详解(5) 转载
自定义 Rhino 解释器 一个有用的Rhino解释器自定义的例子来自ECMAScript标准不提供任何预先确定的I/O设备来结合控制台的事实。无论如何,对于ECMAScript兼容语言来提供一个命名为打印输出信息到控制台的功能是非常通用的。在这我们将描述一个Batik Rhino 解释器自定义的例子来添加如下功能。你应该首先将默认的Batik ECMAScript 解释器子集化以便象下边所示...2007-11-24 21:58:06 · 253 阅读 · 0 评论 -
batik详解(6) 转载
在java平台中所有的绘图,都通过Graphics2D抽象类,这个类提供象drawRect,fillRect,drawString这样的方法。对于每个类型的输出这个抽象类都有指定的执行,比如屏幕或者打印机。SVGGraphics2D是这个接口的一个新的执行生成SVG内容,以用来替代画到屏幕或者打印机上。SVGGraphics2D 拥有以下特性:1.它允许应用程序输出图形到SVG格式2.它输出...2007-11-24 22:01:03 · 258 阅读 · 0 评论 -
SVG中的动画技术(3)
http://blog.csdn.net/net_lover/archive/2002/01/26/6891.aspxSVG中的动画技术(3) SVG DOM产生动画的方式是由脚本语言调用DOM对象的属性和方法实现的,在SVG中使用脚本语言和HTML中类似,首先是指定脚本的语言类型:有两种办法可以指定脚本的语言类型1),在SVG元素里使用contentScriptType属性,可以...2007-11-18 11:39:54 · 196 阅读 · 0 评论 -
svgdocument相关文档
http://tag.csdn.net/tag/svgdocument/1.html SVG显示中文问题解决步骤在demo的startApp()方面中,有加载字体的操作: // Load the default SVG font. SVGDocument doc = canvas.loadSVG("/tinyline/helvetica.svg"); SVGFontElem font = ...2007-11-18 00:06:37 · 711 阅读 · 0 评论 -
SVG开源项目
SVG开源项目2007-11-16 22:54:42 · 408 阅读 · 0 评论 -
Batik是一个基于Java技术的SVG(可扩展矢量图)工具包
http://xmlgraphics.apache.org/batik/index.htmlBatik <v:group style="PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: -1px 0px 0px -1px; WIDTH: 100px; PADDING-...2007-11-16 23:01:02 · 723 阅读 · 0 评论 -
w3schools SVG教程
w3schools SVG教程 >> 本版讨论SVG, GML, X3D, VRML, VML, XAML, AVALON, Batik等基于XML的图形技术,以及有关GIS的应用。 [返回] W3CHINA.ORG讨...2007-11-16 23:08:33 · 237 阅读 · 0 评论 -
svg应用
搜索svg应用 ...2007-11-16 23:11:33 · 156 阅读 · 0 评论 -
SVG编辑器
开源的SVG开发工具: InkscapeInkscape是一个开放原始码的向量绘图软件,而且功能也十分强大,除了基本的点、线、面、圆形、矩形、曲线之外,也可以做到三维颜色等等高级功能。Inkscape预设的图档格式为SVG,但也可以输出成Postscript的EPS、PS等等格式。Inkscape除了支持Windows外,还拥有Linux与Mac版本,不管你用什么操作系统通通可以使用。如果你...2007-11-17 16:12:40 · 2306 阅读 · 0 评论 -
Inkscape 教程
Inkscape 教程2007-06-17 Toy Posted in TutorialsRSSTrackback<script type="text/javascript"></script><script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/java...2007-11-17 16:37:53 · 605 阅读 · 0 评论 -
在 SVG 中添加交互性
在 SVG 中添加交互性 创建响应用户输入的 SVG 文档 级别: 中级 Bria...2007-11-17 22:18:16 · 300 阅读 · 0 评论 -
SVG 入门教程(一) 基本形状
原文出处:https://www6.software.ibm.com/developerworks/cn/education/xml/x-svg/tutorial/index.html 基本 SVG 形状 <nobr>第 3 页(共5 页)</nobr> SV...2007-11-17 22:23:48 · 133 阅读 · 0 评论 -
SVG 入门教程(四) 坐标与变换
原文出处:https://www6.software.ibm.com/developerworks/cn/education/xml/x-svg/tutorial/index.html 坐标系统和初始观察口(viewport)元素在整个教程中都是通过坐标定位的。现在是该讨论这些坐标所适应的系统的时候了。当首次访问文档时,用户代理(在大多数情况下,即浏览器)确定图像的观察口。观察口是文档实际...2007-11-17 22:57:58 · 212 阅读 · 0 评论 -
SVG 入门教程(五) 路径
路径是什么? <nobr>第 1 页(共4 页)</nobr> SVG 提供的预定义形状当然是有用的,但有时它们还不足以完成工作。特别是在这两种情况下:第一,当图像需要曲线,它不能由多边形或折线创建,第二,当动画或文本需要沿页面上的特定形状前进时。这就需要路径...2007-11-17 23:06:04 · 171 阅读 · 0 评论 -
SVG 入门教程(六) 文本
添加文本 <nobr>第 1 页(共3 页)</nobr> SVG 的强大能力之一是它可以将文本控制到标准 HTML 页面不可能有的程度,而无须求助图像或其它插件(后者会带来可访问性挑战)。任何可以在形状或路径上执行的操作(如绘制或滤镜)都可以在文本上执行。一...2007-11-17 23:10:30 · 127 阅读 · 0 评论 -
SVG 入门教程(七) 动画与交互
控制属性 <nobr>第 1 页(共2 页)</nobr> 即使在 SVG 产生以前,动画和交互性已经在 Web 上确立了牢固的地位。尽管实现可能较复杂,但是概念很简单:更改对象属性值,对象本身看起来就会改变。例如,给 x 坐标增加 50 个像素,对象就会向右移...2007-11-17 23:16:37 · 1220 阅读 · 0 评论 -
SVG 入门教程(二) 定义和组
定义可重用部件 <nobr>第 1 页(共5 页)</nobr> 通常在 SVG 图像的构建中,各部分或者是可重用的,或者不便于在图像主体内定义。在这些情况下,通常方便的做法是在文档的定义部分内(作为 元素的一部分)通过给这些部分指定以后可在图像主体中调用的...2007-11-17 23:34:06 · 340 阅读 · 0 评论 -
SVG 入门教程(三) 绘制
原文出处:https://www6.software.ibm.com/developerworks/cn/education/xml/x-svg/tutorial/index.html 笔划与填充 <nobr>第 1 页(共5 页)</nobr> 整个...2007-11-17 23:38:49 · 171 阅读 · 0 评论 -
svg鼠标响应事件的四种方法
查看完整版本 : svg鼠标响应事件的四种方法鼠标响应事件的四种方法,以click事件为例。Mouse Events - SMILxml 代码 xml version="1.0" encoding="ISO-8859-1" standalone="no"?> "http://www.w3.org/TR/2001/REC-SVG-2001090...2007-11-17 23:54:48 · 1508 阅读 · 0 评论 -
用javascript 反馈服务器svg图片两点坐标?
用javascript 反馈服务器svg图片两点坐标?xml 代码 <svg> <script type="text/javascript"> function changeText(evt) { var XPos = evt.getClientX...2007-11-17 23:59:52 · 83 阅读 · 0 评论 -
batik详解(7) 转载
http://www.souzz.net/html/svg/3/34257_6.html2007-11-24 22:09:53 · 122 阅读 · 0 评论