
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="500px" width="1000px">
<defs>
<g id="default">
<rect x="0" y="0" width="200" height="200" style="fill:#66CCCC;fill-opacity:1;stroke-width:1;stroke:rgb(0,0,0);" fill="yellow" ></rect>
<text x="40" y="25" >第一組</text>
</g>
</defs>
<use x="0" y="0" xlink:href="https://bbs.csdn.net/topics/#default"></use>
<use x="250" y="0" xlink:href="https://bbs.csdn.net/topics/#default"></use>
<use x="500" y="0" xlink:href="https://bbs.csdn.net/topics/#default"></use>
<use x="750" y="0" xlink:href="https://bbs.csdn.net/topics/#default"></use>
</svg>
<g>里面定義了一個<text>. 隨后呼叫了<use>四次,如圖所示;那么如何通過js腳本給每個<text>設定一個文本值?
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/195680.html
標籤:HTML5
上一篇:vue中怎么引入jsp頁面??
