Scripting with ECMAScript 脚本基础
作为ECMAScript 语言(JavaScript的标准版本)是最流行的脚本语言之一，并且作为SVG的标准规定任何一个SVG都必须支持它。SVG documents 处理通过Batik 支持带有使用 Mozilla’s ECMAScript interpreter, Rhino ECMAScript的脚本.
在SVG 文件中，有两个地方你可以放入脚本。
第一个地方是在script 元素中, 在这里你可以放置任何代码, 包括函数定义, 在document SVGLoad事件发生之前执行这些脚本.
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100">
<script type="text/ecmascript">
// ECMAScript code to be executed
</script>
<!-- Remainder of the document... -->
</svg>
你也可以帮定脚本来响应用户或者在SVG元素中document事件使用属性。像上边的例子中，脚本语言必须设置在脚本元素中。无论如何，为了事件处理，默认的语言类型text/ecmascript 被指定. 如果你想改变它，那么你可以在svg 元素中使用contentScriptType 属性. 脚本属性可以被包含在任意脚本代码中来执行，当事件延伸到bubbling或者 at-target phases 中时。下面的例子将改变rect被填充为蓝色，当它被点击的时候
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100">
<rect x="0" y="0" width="10" height="10"
onclick="evt.target.setAttribute('fill', 'blue')"/>
</svg>
注意在事件属性脚本内部，这里有一个变量叫做evt，这个变量涉及到表现被处理事件的事件对象。
要了解更多的在SVG中使用脚本的信息，请参考如下：
the scripting chapter of the SVG specification, for advanced information on scripting in SVG, and
the ECMAScript specification, for advanced information on the ECMAScript language.
使用 Rhino 特性
Rhino有很多通过标准的ECMAScript解释器支持的特性,并且这个特性可以在batik中使用 。一个有用的特性是ECMAScript 代码可以使用java类和对象, 并且不仅仅是标准的ECMAScript 原始类型和通过Batik的主机对象扩展。
要从ECMAScript 中创建一个java类实例，你首先需要导入它存在的包。这个实现要使用Rhino 提供的importPackage 全局函数. 举个例子, 要导入javax.swing.JFrame 类, 你使用:
importPackage(Packages.javax.swing);
然后暴露在javax.swing保重每个类的一个全局属性，这个属性你可以用来创建一个新的这个类的对象, 类似于在java中的import javax.swing.*;声明。我们可以使用暴露的Jframe属性来创建一个新的这个类的实例 ：
var frame = new JFrame("My test frame");
注意怎样将一个ECMAScript 字符串值，转换为 JFrame’s 构造器的一个参数. Rhino 将试图转换ECMAScript 值到适当的java原始类型或者对象用来在构造器或者方法调用下制造。在这个实例中 ECMAScript字符串值被转换为一个 java.lang.String 对象以便传给解释器。
注意，在这我们涉及到java对象，我们可以象我们在java源码中那样调用它的任何方法。下面这个完整的例子将论证这个，例子主要是点击一个绿色的圆，将弹出一个frame。
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100">
<circle cx="50" cy="50" r="50" fill="green" onclick="showFrame()"/>
<script type="text/ecmascript">
importPackage(Packages.javax.swing);
function showFrame() {
var frame = new JFrame("My test frame");
var label = new JLabel("Hello from Java objects created in ECMAScript!");
label.setHorizontalAlignment(SwingConstants.CENTER);
frame.getContentPane().add(label);
frame.setSize(400, 100);
frame.setVisible(true);
frame.setDefaultCloseOperation(WindowConstants.DISPOSE_ON_CLOSE);
}
</script>
</svg>
自定义 Rhino 解释器
一个有用的Rhino解释器自定义的例子来自ECMAScript标准不提供任何预先确定的I/O设备来结合控制台的事实。无论如何，对于ECMAScript兼容语言来提供一个命名为打印输出信息到控制台的功能是非常通用的。在这我们将描述一个Batik Rhino 解释器自定义的例子来添加如下功能。
你应该首先将默认的Batik ECMAScript 解释器子集化以便象下边所示的那样添加功能import org.apache.batik.script.rhino.RhinoInterpreter;
import org.mozilla.javascript.Context;
import org.mozilla.javascript.Function;
import org.mozilla.javascript.Scriptable;
import org.mozilla.javascript.ScriptableObject;
import org.mozilla.javascript.PropertyException;
public class ExtendedRhinoInterpreter extends RhinoIntepreter {
public ExtendedRhinoInterpreter() {
// Array of functions to put in the global object.
final String[] names = { "print" }
try {
// Add the functions to the global object.
getGlobalObject().defineFunctionProperties
(names, ExtendedRhinoIntepreter.class,
ScriptableObject.DONTENUM);
} catch (PropertyException e) {
throw new Error(e);
}
}
public static void print(Context cx, Scriptable thisObj,
Object[] args, Function funObj) {
for (int i = 0; i < args.length; i++) {
if (i > 0) {
System.out.print(" ");
}
// Convert the ECMAScript value into a string form.
String s = Context.toString(args[i]);
System.out.print(s);
}
System.out.println();
}
}
现在，你需要告诉Batik使用这个解释器代替默认的那个。为了实现这个目的，你必须首先定义一个工厂来创建一个你的解释器实例。
import org.apache.batik.script.Interpreter;
import org.apache.batik.script.InterpreterFactory;
public class ExtendedRhinoInterpreterFactory implements InterpreterFactory {
public Interpreter createInterpreter() {
return new ExtendedRhinoInterpreter();
}
}
然后，你必须构建一个将使用这个工厂的IntepreterPool,并且在你的应用程序的 BridgeContext 上设定池
org.apache.batik.bridge.BridgeContext ctx = ...;
org.apache.batik.script.InterpreterPool pool =
new org.apache.batik.script.InterpreterPool();
pool.putInterpreterFactory("text/ecmascript",
new ExtendedRhinoInterpreterFactory());
ctx.setIntepreterPool(pool);
举个例子，如果你使用Batik SVG 浏览器程序，你应该可以使用在createBridgeContext()方法中的JSVGCanvas类中先前的代码片段。 更深的是用Rhino工作参考Rhino主页
[返回] 计算机科学论坛 →
XML.ORG.CN讨论区 - 高级XML应用 → 『 SVG/GML/VRML/X3D/XAML 』 → Batik 入门 （一）（二）（三） [转帖]
(订阅本版)
2007/4/2 13:22:00
新浪微博
Batik 入门 （一）（二）（三） [转帖]
