91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

JS 操作svg畫圖

發布時間:2020-08-14 00:04:28 來源:ITPUB博客 閱讀:181 作者:ii_chengzi 欄目:web開發

背景:

一共有3個文件:svg文件,html文件,js文件。

有一個svg圖,使用embed標簽,引入到了html文件中

svg文件:

JS 操作svg畫圖

HTML文件中:

JS 操作svg畫圖

然后使用js文件來操縱svg,插入圖形。

第一個攔路虎:獲得svg dom,

如果你的svg是直接寫在html文件中,那么,svg和HTML共用一個document,可以直接通過document.getElementById(svg的id)就可以獲得。

可是,一般情況下,不建議混在一起使用,比如我這里的column圖就是單獨一個svg文件,然后使用embed插入到HTML中的。

注意:使用embed、object插入的svg文件,其有完全屬于自己的document:

JS 操作svg畫圖

此時,再想拿到svg, 則需要使用:getSVGDocument();

使用方法: 先拿到embed節點,再拿svg document,再拿svg節點:

JS 操作svg畫圖

注意:

此外,不同于HTML元素對象可以直接對一些屬性賦值,SVG元素對象都需要通過調用setAttribute()方法來設定屬性值。

使用 rect.width = 30 不起作用。

詳情訪問:http://shenzhen.offcn.com/

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

荔波县| 西峡县| 澜沧| 额济纳旗| 武清区| 太仆寺旗| 囊谦县| 大足县| 德清县| 班玛县| 长沙县| 商洛市| 四子王旗| 鄄城县| 上林县| 客服| 孝义市| 临泉县| 陆川县| 义马市| 扶沟县| 岱山县| 睢宁县| 二手房| 神木县| 涡阳县| 山阴县| 宕昌县| 珠海市| 永清县| 丽江市| 南昌县| 略阳县| 周宁县| 萨迦县| 肥西县| 长武县| 寻甸| 克山县| 泸定县| 旅游|