SVG的全稱是可擴展矢量圖形，與傳統的光柵圖形(JPG PNG GIF等)有很大區別。).下面給大家分享壹下JavaScript中的SVG API編程演示。感興趣的朋友可以參考壹下，嗯？什麽是SVG SVG？它是W . c .發布的壹種3d圖形描述語言，SVG的全稱是可擴展矢量圖形和傳統光柵圖形(JPG PNG GIF等。).SVG和3d圖形開發平臺有壹個很大的區別，它包括兩個部分，壹個是基於XML語言的數據描述，壹個是可編程API。它的關鍵特性支持圖形、文本漸變填充、畫刷樣式、圖形特效濾鏡，比如高斯模糊，這將在後面的代碼中演示，還支持各種鼠標事件和DOM部件。幾乎所有主流瀏覽器都支持SVG圖形格式的現實。有了畫圖IE+及以上，也支持SVG。在IE的較低版本中，需要插件支持來學習更多關於SVG的知識。訪問此處2。JavaScript中的SVG API編程演示創建並獲取SVG對象復制代碼如下://Create SVG Object Var My SVG = Document CreateElements NS(" SVG ")；mySvg set attribute(" version " " ")；// IE +支持SVG版本mySvg set attribute(" base profile " " tiny ")；容器appendChild(mySvg)；在SVG中創建壹個矩形圖形復制代碼如下:VAR C = Document CreateElement NS(" rect ")；c set attribute(" x " " ")；c set attribute(" y " " ")；c set attribute(" width " " ")；c set attribute(" height " " ")；c set attribute(" fill " " RGB()")；c set attribute(" stroke " " RGB()")；c setAttribute("筆畫寬度" " ")；mySvg appendChild(c)；SVG中文本繪制和復制的代碼代碼如下://SVG DrawText Varstext = Document CreateElements NS(" text ")；stext set attribute(" x " " ")；stext set attribute(" y " " ")；stext set attribute(" font size " " px ")；stext set attribute(" fill " " # FF ")；var text string = document create textnode(" Hello SVG ")；stext appendChild(text string)；mySvg appendChild(stext)；在SVG對象上實現鼠標點擊事件處理和MouseUp事件處理，復制代碼如下://鼠標事件處理添加事件監聽器(" click "變色false)；c addevent listener(" mouseup " change color false)；通過SVG圖形過濾器實現高斯模糊復制的代碼如下:
上一篇:向量是什麽意思？不同格式有什麽區別？下一篇:計算機基礎問答，盡量詳細點，追加分