SVG在MathML公式的右側，你可以看到用來公式所生成的SVG圖形。讓寧波網站建設再次回到圖的圓形范例，來看看代碼清單中的SVG代碼。　　圓形的SVG　　〈svgwidth=_’l00"height="l00’_〉　　〈circlecx=" ;50"cy="50"r=”45"　　fill="none"stroke="black"/〉　　〈pathd="M50h45”　　stroke="black"stroke-dasharray=""/〉　　〈/svg〉　　SVG區塊以〈svg〉開始，以〈/svg〉結束。與MathML不同，〈svg〉標簽還指定了圖形的寬與高，以在HTML頁面上預留空間。

圓形以circle元素表示，其圓心為cx/cy,半徑為r,屬性fill及stroke決定了它的外觀。用來表示半徑的虛線由path元素創建，屬性d決定了它的幾何數值。與canvas元素類似，SVG不僅允許直線，還可以使用開放或閉合的曲線繪制例如多邊形這類復雜圖形。D屬性中使用幾何指令，以數字表示坐標，以字母縮寫來表示路徑類型：因此d="M50h45"表示移動至坐標點50并向右繪制一條長度為45的水平線。　　

正方形及矩形的例子演示了另一些符號。大寫字母代表絕對運動，小寫字母代表相對運動。正方形的對角線創建公式為d=”M10L90"。這意味著移動至坐標10并繪制一條到坐標90的直線。矩形對角線創建公式為d="M-75"，意思是移動至坐標0,并向右偏移90像素、上偏移75像素的位置繪制一條直線。圓形的半徑虛線及正方形和矩形的對角線都通過屬性stroke-dasharray創建。

該屬性不幸地被Canvas規范遺漏了。其屬性值決定在繪制過程中，繪制線條與插入空白各持續多長距離。這兩種繪制方式不斷交替重復，直到線條繪制完成。對于一些更為復雜的圖案，我們可以輸人任意數董的以逗號分隔開的值。　　

最后但并不是最不重要的，正方形及矩形這兩個幾何圖形都是通過一個帶x,y,寬度及髙度屬性的rect元素來表示。現在，我們已經講完了之前幾個圖形的SVG代碼中出現過的所有元素及屬性——當然，這只是冰山一角，而且只是冰山中最小的一角，MathML同樣如此。我們還沒談到所有其他的幾何形狀及其強大的路徑繪制方法，還有文本排版、轉換、自由定義的坐標系、濾鏡、漸變、符號、遮罩、辜制、合成、剪切、腳本、樣式，以及動畫。　　

若想深人了解SVG,你應當找本SVG的書籍進行研究。下列鏈接也有助于你開始SVG的探索之旅。　　

在SVG面世10年之后，隨著IE9的誕生，終于所有瀏覽器都提供了原生的SVG支持。我們希望MathML也能最終得到廣泛的瀏覽器支持，MathML在HTML5規范中有著重要價值，例如配合SVG進行繪圖。作為新Web平臺的必要組成部分，MathML以及特別是SVG,必將在未來發揮更重要的作用。　　

GeolocationAPI目前已從HTML5規范的核心內容中剔除，按照W3C的說法，它尚處于“早期階段”，但它其實早已被廣泛使用，尤其是在移動瀏覽器中。獲得廣泛應用的一個主要原因是其接口非常簡潔，僅需要3個JavaScript腳本便可覆蓋所有函數。規范并未規定瀏覽器應如何確定位置，僅確定了其輸出結果的格式。

網站制作在SVG的使用由東莞網站制作編輯 http://www.dalld.com/cez/news/3837.html如需轉載請注明出處

東莞響應式網站 東莞網頁設計 東莞網站制作 東莞小程序商城開發 東莞網站開發 北京網站建設 泉州網站建設 洛陽網站建設 拉薩網站建設 揚州網站建設 福州網站設計 營口網站設計 臺州網站設計 北海網站設計 葫蘆島網站設計 湛江小程序制作 泰安小程序制作 連州小程序制作 岳陽小程序制作 濟南小程序制作