java svg image xlink_SVG基础 | SVG image 元素
生活随笔
收集整理的這篇文章主要介紹了
java svg image xlink_SVG基础 | SVG image 元素
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
SVG 元素用于在SVG圖像中嵌入位圖。通過使用元素你可以將一張位圖繪制在SVG圖像上面。
下面是一個簡單的例子:
xlink:href="http://img.htmleaf.com/1506/logo.png"?/>
style="stroke:?#ffffff;?stroke-width:?3;"/>
jQuery之家歡迎您!
上面的代碼的返回結果是:
jQuery之家歡迎您!
在上面的代碼中,深灰色的矩形先被繪制出來,然后是jQuery之家的logo被繪制在深灰色的矩形之上,接著是一條白色的直線被繪制在logo的下方,最后是一串SVG文字。
SVG文件中的各個元素的排列順序就是它們被繪制的順序,最后繪制的元素被放置在SVG圖像的最上方。
除了位圖之外,你也可以使用元素來嵌入其他的SVG元素。
元素的瀏覽器兼容性如下:Chrome 1.0+
Firefox (Gecko) 1.8+
Internet Explorer 9.0+
Opera 8.0+
Safari 3.0.4+
Android 3.0+
Firefox Mobile (Gecko) 1.8+
Safari Mobile 3.0.4+
IE Mobile 不支持
總結
以上是生活随笔為你收集整理的java svg image xlink_SVG基础 | SVG image 元素的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 建行开通网上银行的条件
- 下一篇: 农行是什么银行