在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  Python  HTML/ 請問如何獲取并操作html中用<embed>標簽嵌入的svg元素?

請問如何獲取并操作html中用<embed>標簽嵌入的svg元素?

1.如題,本Noob遇到一個需要使用svg的h5項目,因為svg本身代碼量太大,
為了精簡就用了embed標簽把svg嵌入我需要用到它的html頁面中去了。
現(xiàn)在需要獲取到svg中的path進行樣式操作,請問如何實現(xiàn)?

附:在chrome瀏覽器開發(fā)者工具的Console中可以用選擇器獲得這樣的輸出,
不知道這是不是瀏覽器渲染后的結(jié)果,但問題就是不知道如何獲取里面的path元素然后進行操作.

圖片描述

回答
編輯回答
憶往昔

你好,我遇到的同樣的問題,請問您解決了嗎?

2018年8月23日 10:23
編輯回答
安淺陌

調(diào)查了一下,需要注意的地方有兩處:1.有跨越問題 2.取得時機問題
下面的代碼,在localhost環(huán)境下運行成功。

<embed type="image/svg+xml"  src="test.svg"/>
<script>
window.onload = function() {
    var embed = document.querySelector('embed')
    var d = embed.getSVGDocument()
    var svg = d.querySelector('svg')
    console.log(svg)
}
</script>
2018年5月3日 14:03