中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

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

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

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

大田县| 德江县| 临澧县| 宜良县| 邯郸市| 平罗县| 图木舒克市| 遂平县| 哈巴河县| 陆河县| 六安市| 莫力| 滨州市| 延川县| 卢湾区| 蒙自县| 都安| 饶河县| 灵璧县| 贡嘎县| 襄垣县| 云和县| 盐边县| 潮州市| 荣昌县| 水城县| 江永县| 余江县| 鄂托克前旗| 夏邑县| 陵川县| 额敏县| 榕江县| 武平县| 德令哈市| 得荣县| 奉新县| 商都县| 浦县| 客服| 东乡县|