矢量文本图形-SVG专题教程 声音

[Foreso]

声音



恢复
源代码:

＜?xml version=＂1.0＂ encoding=＂utf-8＂?＞

＜svg xmlns:a=＂http://www.adobe.com/svg10-extensions＂ a:timeline=＂independent＂ width=＂100＂ height=＂50＂＞

＜a:audio xlink:href=＂love.mp3＂ begin=＂0s＂ /＞

＜text x=＂50＂ y=＂20＂ style=＂fill: red; text-anchor: middle＂＞
MP3+SVG=COOL
＜/text＞

＜/svg＞



讲解:

SVG支持外部音乐文件的关联,通过SVG插件播放(建议使用adobe svg插件2.0 beta版).音乐文件格式可以是wav也可以是mp3.

绿色部分是声明部分.xmlns是xml的名字空间.(很奇怪,如果不用http://www.adobe.com/svg10-extentions作为名字空间,音乐无法正常播放,其原因还不明确--蓝骑士注).a:timeline声明时间线的长度,这里为不确定值independent.

红色部分是链接属性,播放音乐一定要使用a:audio标签.xlink:href指明链接地址,可以是绝对路径也可以是相对路径.begin表示音乐从哪个时间开始播放.可以自定义数值.

这里的mp3长度为90多k.