2.
效果图：
结合代码不难看出，这副图片应该是有几幅小图组成
这应该属于：xlink可以链接外部资源的说法……
<?xml version="1.0" encoding="iso-8859-1"?>
<svg version="1.2" width="252pt" height="162pt" viewBox="0 0 252 162" xml:space="preserve">
<style type="text/css">
<![CDATA[
.trans{opacity:0.3;}
.sta{fill:url(#grda);}
.stb{fill:url(#grdb);}
.stc{fill:url(#grdc);}
]]>
</style>
<defs>
<linearGradient id="grda" gradientUnits="userSpaceOnUse" x1="2" y1="53" x2="46" y2="9">
<stop offset="0" style="stop-color:#C98A3E"/>
<stop offset="1" style="stop-color:#FFE58F"/>
</linearGradient>
<linearGradient id="grdb" gradientUnits="userSpaceOnUse" x1="125" y1="38" x2="81" y2="82">
<stop offset="0" style="stop-color:#C98A3E"/>
<stop offset="1" style="stop-color:#FFE58F"/>
</linearGradient>
<linearGradient id="grdc" gradientUnits="userSpaceOnUse" x1="129" y1="67" x2="172" y2="23">
<stop offset="0" style="stop-color:#381E94"/>
<stop offset="1" style="stop-color:#99DCFF"/>
</linearGradient>
</defs>
<image id="background" width="252" height="162" xlink:href="over_bg.png" />
<image id="f" width="42" height="53" xlink:href="pinacle.png" transform="matrix(1 0 0 1 98 88)"/>
<image id="e" width="95" height="53" xlink:href="coast.png" transform="matrix(1 0 0 1 6 88)"/>
<use x="105" xlink:href="#f" />
<use x="143" xlink:href="#e" />
<g id="a">
<path class="trans" d="M14.3,22.5h44l-44,44v-44z"/>
<path class="sta" d="M13,20.2h44l-44,44v-44z"/>
</g>
<g id="b">
<path class="trans" d="M116.3,72.5h-44l44-44v44z"/>
<path class="stb" d="M114.3,71.2h-44l44-44v44z"/>
</g>
<g id="c">
<path class="trans" d="M174,69.2h-43.3V25.8H174v43.3z"/>
<path class="stc" d="M172.3,66.7H129V23.3h43.3v43.3z"/>
</g>
<g id="d">
<use x="58" xlink:href="#c" />
<use x="119.7" xlink:href="#b" />
<use x="169.8" xlink:href="#a" />
</g>
</svg>
[返回] W3CHINA.ORG讨论区 - 语义网·描述逻辑·本体·RDF·OWL →
XML.ORG.CN讨论区 - XML技术 → 『 XQuery/XLink/XPointer/ 』 → [转帖]xlink应用篇之svg
(订阅本版)
2004/4/25 23:16:00
新浪微博
[转帖]xlink应用篇之svg
