網站制作在(zài)SVG的(de)使用

SVG在(zài)MathML公式的(de)右側，你可以(yǐ)看到(dào)用來(lái)公式所生成的(de)SVG圖形。讓甯波網站建設再次回到(dào)圖的(de)圓形範例，來(lái)看看代碼清單中的(de)SVG代碼。　　圓形的(de)SVG　　〈svgwidth=_’l00"height="l00’_〉　　〈circlecx=" ;50"cy="50"r=”45"　　fill="none"stroke="black"/〉　　〈pathd="M50h45”　　stroke="black"stroke-dasharray=""/〉　　〈/svg〉　　SVG區塊以(yǐ)〈svg〉開始，以(yǐ)〈/svg〉結束。與MathML不(bù)同，〈svg〉标簽還指定了(le／liǎo)圖形的(de)寬與高，以(yǐ)在(zài)HTML頁面上(shàng)預留空間。

圓形以(yǐ)circle元素表示，其圓心爲(wéi / wèi)cx/cy,半徑爲(wéi / wèi)r,屬性fill及stroke決定了(le／liǎo)它的(de)外觀。用來(lái)表示半徑的(de)虛線由path元素創建，屬性d決定了(le／liǎo)它的(de)幾何數值。與canvas元素類似，SVG不(bù)僅允許直線，還可以(yǐ)使用開放或閉合的(de)曲線繪制例如多邊形這(zhè)類複雜圖形。D屬性中使用幾何指令，以(yǐ)數字表示坐标，以(yǐ)字母縮寫來(lái)表示路徑類型：因此d="M50h45"表示移動至坐标點50并向右繪制一(yī / yì ／yí)條長度爲(wéi / wèi)45的(de)水平線。　　

正方形及矩形的(de)例子(zǐ)演示了(le／liǎo)另一(yī / yì ／yí)些符号。大(dà)寫字母代表絕對運動，小寫字母代表相對運動。正方形的(de)對角線創建公式爲(wéi / wèi)d=”M10L90"。這(zhè)意味着移動至坐标10并繪制一(yī / yì ／yí)條到(dào)坐标90的(de)直線。矩形對角線創建公式爲(wéi / wèi)d="M-75"，意思是(shì)移動至坐标0,并向右偏移90像素、上(shàng)偏移75像素的(de)位置繪制一(yī / yì ／yí)條直線。圓形的(de)半徑虛線及正方形和(hé / huò)矩形的(de)對角線都通過屬性stroke-dasharray創建。

該屬性不(bù)幸地(dì / de)被Canvas規範遺漏了(le／liǎo)。其屬性值決定在(zài)繪制過程中，繪制線條與插入空白各持續多長距離。這(zhè)兩種繪制方式不(bù)斷交替重複，直到(dào)線條繪制完成。對于(yú)一(yī / yì ／yí)些更爲(wéi / wèi)複雜的(de)圖案，我們可以(yǐ)輸人(rén)任意數董的(de)以(yǐ)逗号分隔開的(de)值。　　

最後但并不(bù)是(shì)最不(bù)重要(yào / yāo)的(de)，正方形及矩形這(zhè)兩個(gè)幾何圖形都是(shì)通過一(yī / yì ／yí)個(gè)帶x,y,寬度及髙度屬性的(de)rect元素來(lái)表示。現在(zài)，我們已經講完了(le／liǎo)之(zhī)前幾個(gè)圖形的(de)SVG代碼中出(chū)現過的(de)所有元素及屬性——當然，這(zhè)隻是(shì)冰山一(yī / yì ／yí)角，而(ér)且隻是(shì)冰山中最小的(de)一(yī / yì ／yí)角，MathML同樣如此。我們還沒談到(dào)所有其他(tā)的(de)幾何形狀及其強大(dà)的(de)路徑繪制方法，還有文本排版、轉換、自由定義的(de)坐标系、濾鏡、漸變、符号、遮罩、辜制、合成、剪切、腳本、樣式，以(yǐ)及動畫。　　

若想深人(rén)了(le／liǎo)解SVG,你應當找本SVG的(de)書籍進行研究。下列鏈接也(yě)有助于(yú)你開始SVG的(de)探索之(zhī)旅。　　

在(zài)SVG面世10年之(zhī)後，随着IE9的(de)誕生，終于(yú)所有浏覽器都提供了(le／liǎo)原生的(de)SVG支持。我們希望MathML也(yě)能最終得到(dào)廣泛的(de)浏覽器支持，MathML在(zài)HTML5規範中有着重要(yào / yāo)價值，例如配合SVG進行繪圖。作爲(wéi / wèi)新Web平台的(de)必要(yào / yāo)組成部分，MathML以(yǐ)及特别是(shì)SVG,必将在(zài)未來(lái)發揮更重要(yào / yāo)的(de)作用。　　

GeolocationAPI目前已從HTML5規範的(de)核心内容中剔除，按照W3C的(de)說(shuō)法，它尚處于(yú)“早期階段”，但它其實早已被廣泛使用，尤其是(shì)在(zài)移動浏覽器中。獲得廣泛應用的(de)一(yī / yì ／yí)個(gè)主要(yào / yāo)原因是(shì)其接口非常簡潔，僅需要(yào / yāo)3個(gè)JavaScript腳本便可覆蓋所有函數。規範并未規定浏覽器應如何确定位置，僅确定了(le／liǎo)其輸出(chū)結果的(de)格式。

網站制作在(zài)SVG的(de)使用由東莞網站設計編輯 /cez/news/3837.html如需轉載請注明出(chū)處

東莞網頁設計 東莞網絡推廣 東莞網站改版 東莞網站優化 東莞小程序制作 東莞做網站 東莞網站建設 東莞微信小程序開發 佛山網站建設 中山網站建設 揭陽網站建設 清遠網站建設 營銷型網站建設 陽江網站建設 門戶網站建設 雲浮網站建設 惠州網站建設 專業網站建設 SEO外包 網站托管 關鍵詞優化