HTML5內聯SVG-5.2HTML圖形

HTML5 支持內聯 SVG。

十余年的松滋網站建設經驗，針對設計、前端、開發、售后、文案、推廣等六對一服務，響應快，48小時及時工作處理。營銷型網站建設的優勢是能夠根據用戶設備顯示端的尺寸不同，自動調整松滋建站的顯示方式，使網站能夠適用不同顯示終端，在瀏覽器中調整網站的寬度，無論在任何一種瀏覽器上瀏覽網站，都能展現優雅布局與設計，從而大程度地提升瀏覽體驗。創新互聯建站從事“松滋網站設計”,“松滋網站推廣”以來，每個客戶項目都認真落實執行。

什么是SVG？ SVG 指可伸縮矢量圖形 (Scalable Vector Graphics)SVG 用于定義用于網絡的基于矢量的圖形SVG 使用 XML 格式定義圖形SVG 圖像在放大或改變尺寸的情況下其圖形質量不會有損失SVG 是萬維網聯盟的標準

SVG 的優勢

與其他圖像格式相比（比如 JPEG 和 GIF），使用 SVG 的優勢在于：

SVG 圖像可通過文本編輯器來創建和修改SVG 圖像可被搜索、索引、腳本化或壓縮SVG 是可伸縮的SVG 圖像可在任何的分辨率下被高質量地打印SVG 可在圖像質量不下降的情況下被放大

瀏覽器支持

Internet Explorer 9、Firefox、Opera、Chrome 以及 Safari 支持內聯 SVG。

把 SVG 直接嵌入 HTML 頁面

在 HTML5 中，您能夠將 SVG 元素直接嵌入 HTML 頁面中：

實例 <!DOCTYPE html><html><body><svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="190"> <polygon points="100,10 40,180 190,60 10,60 160,180" style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;" /></svg></body></html>

親自試一試

結果：

如需學習更多有關 SVG 的知識，請閱讀我們的 SVG 教程。

分享題目：HTML5內聯SVG-5.2HTML圖形
轉載來于：http://m.kartarina.com/article48/dghhohp.html

成都網站建設公司_創新互聯，為您提供外貿建站、小程序開發、、動態網站、做網站、網站策劃

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容