http://www.souzz.net/html/svg/3/34257_6.html
在java平台中所有的绘图，都通过Graphics2D抽象类，这个类提供象drawRect，fillRect，drawString这样的方法。对于每个类型的输出这个抽象类都有指定的执行，比如屏幕或者打印机。SVGGraphics2D是这个接口的一个新的执行生成SVG内容，以用来替代画到屏幕或者打印机上。
SVGGraphics2D 拥有以下特性:
1.它允许应用程序输出图形到SVG格式
2.它输出图形到svg格式，不需要修改任何图形代码
3。它提供用户使用DOMApi操作生成文档的能力
以上图形显示生成器是怎样用DOMAPI工作的。W3C已经定义了一个 ...
自定义 Rhino 解释器
一个有用的Rhino解释器自定义的例子来自ECMAScript标准不提供任何预先确定的I/O设备来结合控制台的事实。无论如何，对于ECMAScript兼容语言来提供一个命名为打印输出信息到控制台的功能是非常通用的。在这我们将描述一个Batik Rhino 解释器自定义的例子来添加如下功能。
你应该首先将默认的Batik ECMAScript 解释器子集化以便象下边所示的那样添加功能import org.apache.batik.script.rhino.RhinoInterpreter;
import org.mozilla.javascript.Conte ...
使用 Rhino 特性
Rhino有很多通过标准的ECMAScript解释器支持的特性,并且这个特性可以在batik中使用 。一个有用的特性是ECMAScript 代码可以使用java类和对象, 并且不仅仅是标准的ECMAScript 原始类型和通过Batik的主机对象扩展。
要从ECMAScript 中创建一个java类实例，你首先需要导入它存在的包。这个实现要使用Rhino 提供的importPackage 全局函数. 举个例子, 要导入javax.swing.JFrame 类, 你使用:
importPackage(Packages.javax.swing);
然后暴露在jav ...
Scripting with ECMAScript
脚本基础
作为ECMAScript 语言(JavaScript的标准版本)是最流行的脚本语言之一，并且作为SVG的标准规定任何一个SVG都必须支持它。SVG documents 处理通过Batik 支持带有使用 Mozilla’s ECMAScript interpreter, Rhino ECMAScript的脚本.
在SVG 文件中，有两个地方你可以放入脚本。
第一个地方是在script 元素中, 在这里你可以放置任何代码, 包括函数定义, 在document SVGLoad事件发生之前执行这些脚本. xml 代码& ...
四、解析器模块
SVG有很多没有属性值的微型语法使用，比如SVGTransformable元素中的transform属性，path元素中的
path data d属性等。以前这些属性不能很好的被解析，现在必要时可以通过SVG进程应用程序来使用。
1.解析器，操作者，生产者
在解析模块中，每个微语法通过一对类来支持－－－解析器和操作者。解析器是一个用来执行解析接口
（用来从一个reader或者一个String中来解析值的接口）的类。操作者是微型语法的一个特殊接口，这
个接口当相应元素的输入被解析后将调用接口中的相应的方法。在这些操作者接口中多种方法和适应类被提供。
解析器 ...
batik详解(1) 转载
一、概述
Batik是为想使用svg格式图片来实现各种功能的应用程序和Applet提供的一个基于java的工具包。
工程创建的目的是为开发者提供一系列可以结合或单独使用来支持特殊的svg解决方案的核心模块。模块主要有SVGParser,SVGGernerator,SVGDOM。Batik工程的其他目的是使它具有高度的扩展性－－－－举个例子，Batik
允许开发者使用自定义的SVG元素。即使工程的目标是提供一系列核心模块，但是还是提供了一个完整的SVG浏
览器，以便证实各个模块的有效性和交互性。
二、batik的用途
通过Batik，你可以在任何使用 ...
使用Batik创建SVG应用程序
Batik工具集提供的JSVGCanvas模块是一个swing 组件，用于显示静态或动态SVG文档。通过JSVGCanvas模块，开发人员可以轻松显示SVG文档（通过URI地址或DOM树）并对其进行操作，例如旋转、缩放、摇动、选择文本或激活超级链接等。首先介绍如何创建JSVGCanvas并集成到一个swing应用程序中。接下来解释如何完成与SVG画布相关的常用功能，例如如何跟踪SVG文档渲染时发生的所有事件，以及如何通过JavaTM语言操作SVG文档。
使用Batik开发SVG应用程序
摘要
Batik是Apache软件基金会（Apache Software Foundation）开发的一个开源项目。该项目的目标是提供一组核心模块，通过使用这些模块可以实现特定的SVG解决方案。本文将介绍如何使用Batik组件开发具有SVG功能的JavaTM应用程序。
介绍
Batik是基于JavaTM技术的工具集，用于使用Scalable Vector Graphics (SVG) [1] 图像的应用程序，其功能范围包括图像显示、生成和操作。工具集提供了一组核心模块，包括:
SVG文档对象模型的实现（SVG ...
http://www.cnitblog.com/wjh1025/archive/2006/01/07/6074.aspx
基于Batik的SVG应用: 关于几何变换[转帖]
SVG 是一种用 xml 语言来描述二维图形对象的语言，SVG 允许三种图形对象：1．矢量图形，2．图片，3．文本对象。这三种图形对象都可以支持分组，使用样式渲染，进行几何变换。
SVG 还能够通过脚本来实现交互操作和动态显示。可以通过定义动画对象或使用script 脚本来实现动画。
准备 XML 及相关技术认证，第 4 部分：XML 转换
如果应用程序与其他系统共享数据，常常需要将 XML 文档转换为受不同 XML Schema 或文档类型定义（DTD）控制的其他 XML 格式。如果要求应用程序与用户共享数据或者向用户显示 XML 数据，可能需要把 XML 文档转换为 HTML、可缩放矢量图形（SVG）、VoiceXML、普通文本或者其他各种人类可读的格式。本期 XML 认证教程通过示范 XSLT、XPath 和级联样式表（CSS）的应用讨论了完成这些任务的 XML 转换技术。
...
面向浏览器的动态 SVG
以 SVG 为基础在 Web 项目中创建交互式的动态效果
https://www6.software.ibm.com/developerworks/cn/education/xml/x-dynamicsvg/index.html
http://www.bundeswahlleiter.de/bundestagswahl2005/onlineatlas/atlas.svgz
http://www.bundeswahlleiter.de/bundestagswahl2005/onlineatlas/
http://bbs.xml.org.cn/dispbbs.asp?boardID=21&ID=21439&replyID=4263&skin=1
使用脚本动态操作 SVG 文档
级别： 初级
陈珂 (chenke@snmobile.com), 技术总监, 南京安元科技
2005 年 5 月 01 日
本教程适用于那些希望使用可伸缩向量图形（ ...
AJAX + SVG 实现实时监控图表
级别： 初级
皮 振华 (pi_zh@emarkets.cn), 自由撰稿人, 北京能博文公司
2006 年 6 月 15 日
...
http://blog.csdn.net/net_lover/archive/2002/01/25/6888.aspx
SVG中的动画技术(1)
动画技术是互联网中不可缺少的一个重要组成部分，是吸引访问者的重要手段之一，SVG也同样有能力随时改变矢量图象外在表现的能力。SVG中生成动画的方式有：
1）利用SVG提供的动画元素实现：由于SVG的内容可以定义成动态变化的，因此，利用SVG提供的各种动画元素，我们就可以得到各种动画效果，比如：沿某路径运动、渐隐渐现、旋转、缩放、改变颜色等。
2）使用SVG DOM：由于SVG DOM遵循D ...
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-20010904/DTD/svg10.dtd"> ...
http://blog.csdn.net/net_lover/archive/2002/01/26/6891.aspx
SVG中的动画技术(3)
SVG DOM产生动画的方式是由脚本语言调用DOM对象的属性和方法实现的，在SVG中使用脚本语言和HTML中类似，首先是指定脚本的语言类型：有两种办法可以指定脚本的语言类型
1），在SVG元素里使用contentScriptType属性，可以指定整个文档里使用的缺省脚本语言类型。
语法如下：
content-type指定一种媒体类型，默认是"text/ecmascrip ...
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 = S...
本文Tag： svg, 中文问题, j2me, ... 作者： 迷笛() 来源：csdn.net →发表于3个月以前
阅读更多
...
用javascript 反馈服务器svg图片两点坐标？
xml 代码
<svg>
<script type="text/javascript">
function changeText(evt)
{
var XPos =&n ...
查看完整版本 : svg鼠标响应事件的四种方法
鼠标响应事件的四种方法，以click事件为例。
Mouse Events - SMIL
xml 代码
xml version="1.0" encoding="ISO-8859-1" standalone="no"?>
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">&nb ...
原文出处:https://www6.software.ibm.com/developerworks/cn/education/xml/x-svg/tutorial/index.html
笔划与填充
第 1 页（共5 页）
整个教程到目前为止，示例已经演示了围绕对象的笔划或线以及对象内部区域的填充。这些属性实际上还有子属性，也可以设置子属性来创建不同的效果。这些属性包括：
fill：该属性指定用来填充对象内部区域的颜料 ...
定义可重用部件
第 1 页（共5 页）
通常在 SVG 图像的构建中，各部分或者是可重用的，或者不便于在图像主体内定义。在这些情况下，通常方便的做法是在文档的定义部分内（作为 元素的一部分）通过给这些部分指定以后可在图像主体中调用的标识来创建它们。
例如，在前面一页中显示的图像有两只眼睛，每只眼睛边缘有一个眼镜镜片。这个文档可以在定义部分中定义一个镜片，然后在文档中调用它两次，而不是创建这个镜片两次（如下一页所示）。类似地，眼睛本身可以包含渐变（gr ...
控制属性
第 1 页（共2 页）
即使在 SVG 产生以前，动画和交互性已经在 Web 上确立了牢固的地位。尽管实现可能较复杂，但是概念很简单：更改对象属性值，对象本身看起来就会改变。例如，给 x 坐标增加 50 个像素，对象就会向右移动 50 个像素。
SVG 图像具有相同的概念，但实现却简单得多，这是由于这些能力从开始就构建到语言中。SVG 定义了专用于动画的五种元素：
animate：该元素指定一个特定属性（通过 attributeName 属性）， ...
添加文本
第 1 页（共3 页）
SVG 的强大能力之一是它可以将文本控制到标准 HTML 页面不可能有的程度，而无须求助图像或其它插件（后者会带来可访问性挑战）。任何可以在形状或路径上执行的操作（如绘制或滤镜）都可以在文本上执行。
一个不足之处是 SVG 不执行自动换行。如果文本比允许空间长，则简单地将它切断。多数情况下，创建多行文本需要多个文本元素。
可以使用 tspan 元素将文本元素分成几部分，允许每部分有各自的样式。在 text 元素中，空格的处 ...
路径是什么？
第 1 页（共4 页）
SVG 提供的预定义形状当然是有用的，但有时它们还不足以完成工作。特别是在这两种情况下：第一，当图像需要曲线，它不能由多边形或折线创建，第二，当动画或文本需要沿页面上的特定形状前进时。
这就需要路径了。路径是一系列命令，用来创建作为图像一部分精确定义的形状。该形状可以是开放的（如线）或闭合的（如多边形），并可以包含一条或多条线、曲线和线段。
最基本的路径由几条线段组成。例如：
xml 代码
xm ...
原文出处:https://www6.software.ibm.com/developerworks/cn/education/xml/x-svg/tutorial/index.html
坐标系统和初始观察口（viewport）
元素在整个教程中都是通过坐标定位的。现在是该讨论这些坐标所适应的系统的时候了。
当首次访问文档时，用户代理（在大多数情况下，即浏览器）确定图像的观察口。观察口是文档实际可见的部分并且由一个坐标系统组成，该坐标系统以左上角的点（0，0）为原点，其正的 x 轴向右而正的 y 轴向下。坐标系统中的一个像素对应观察口中的一个像素。
有几个操作可以创建新的 ...
原文出处:https://www6.software.ibm.com/developerworks/cn/education/xml/x-svg/tutorial/index.html
基本 SVG 形状
第 3 页（共5 页）
SVG 定义了六种基本形状，这些基本形状和路径（在路径是什么？中讨论）一道，可以组合起来形成任何可能的图像。每个基本形状都带有指定其位置和大小的属性。它们的颜色和轮廓分别由 fill 和 stroke 属性确定。这些形状是：
...
在 SVG 中添加交互性
创建响应用户输入的 SVG 文档
级别： 中级
Brian John Venn (vennb@uk.ibm.com), 软件测试员, IBM Business Integration，Hursley Park
...
Inkscape 教程
2007-06-17 Toy Posted in TutorialsRSSTrackback
Inkscape 是一款矢量图形编辑软件。以下是我收集的一些有关它的使用教程，其中有文字版，也有视频版，希望能够对使用的朋友带来帮助。
制作一个 Web 2.0 风格的标志
布尔运算
平铺克隆
制作一个文件夹
制作一个曲别针
制作一张提醒便笺
手动调整文字间距
环绕放置文字
网页布局切片
绘制盾牌图标
制作 CD-ROM
...
jacally
- 浏览: 87307 次
- 性别:
- 来自: 广州
- 详细资料
搜索本博客
我的相册
共 27 张
最新评论
-
java实现的ftp文件上传例 ...
楼上问的好。但服务器和客户端分开的时候，上传了就出现问题了。郁闷。。
-- by kwj -
ext 与 dwr 的结合
谢谢提供资料..
-- by Wallian_hua -
(转)flex中的三个.war包 ...
blazeDS
-- by tedeyang -
Flex 开发学习笔记3 - Fl ...
谢谢-我想将你的这篇文章转载到http://yexin218.cublog.cn ...
-- by yexin218 -
Flex 开发学习笔记3 - Fl ...
哦 知道了。。。谢谢 不错
-- by yexin218
评论排行榜