2007-11-24
batik详解(3) 转载
Scripting with ECMAScript
脚本基础
作为ECMAScript 语言(JavaScript的标准版本)是最流行的脚本语言之一,并且作为SVG的标准规定任何
一个SVG都必须支持它。SVG documents 处理通过Batik 支持带有使用 Mozilla’s ECMAScript
interpreter, Rhino ECMAScript的脚本.
在SVG 文件中,有两个地方你可以放入脚本。
第一个地方是在script 元素中, 在这里你可以放置任何代码, 包括函数定义, 在document SVGLoad事件
发生之前执行这些脚本.xml 代码
- <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100">
- <script type="text/ecmascript"> // ECMAScript code to be executed script>
- svg>
你也可以帮定脚本来响应用户或者在SVG元素中document事件使用属性。像上边的例子中,脚本语言必须设置
在脚本元素中。无论如何,为了事件处理,默认的语言类型text/ecmascript 被指定. 如果你想改变它,那
么你可以在svg 元素中使用contentScriptType 属性. 脚本属性可以被包含在任意脚本代码中来执行,当事
件延伸到bubbling或者 at-target phases 中时。下面的例子将改变rect被填充为蓝色,当它被点击的时候xml 代码
- <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.
发表评论
- 浏览: 121711 次
- 性别:

- 来自: 广州

- 详细资料
搜索本博客
我的相册
flexlib6-1.jpg
共 27 张
共 27 张
最新评论
-
CAS 单点登录安装笔记1 -- ...
继续往下讲啊
-- by xzs603 -
Flex 开发学习笔记3 - Fl ...
您好 ,我想问一下您如何去掉 flex component 的底字,就是阴影字 ...
-- by vissul -
batik详解(6) 转载
为什么生成的SVG文件在FF3.0上不可以缩小,只是截取了原来图形的一部分。
-- by zhaoxiqian -
CAS 单点登录安装笔记1 -- ...
解决上面问题了
-- by talangniao -
CAS 单点登录安装笔记1 -- ...
安装JA-SIG 到 TOMCAT是怎样进行安装?
-- by talangniao






评论排行榜