如何從字符串標記（模板）創建svg形狀

我對SVG很新，所以這可能是一個愚蠢的問題，但我想創建基於一些標記的SVG形狀例如，可以說我想要創建大量有此標記的卡片：如何從字符串標記（模板）創建svg形狀

var svg_test_label = [ 
    '<g class="rotatable">', 
     '<g class="scalable">', 
     '<rect class="card"/><image/>', 
     '</g>', 
     '<text class="rank"/><text class="name"/>', 
    '<g class="btn add"><circle class="add"/><text class="add">+</text></g>', 
    '<g class="btn del"><circle class="del"/><text class="del">-</text></g>', 
    '<g class="btn edit"><rect class="edit"/><text class="edit">EDIT</text></g>', 
    '</g>'].join('');

感謝您的任何建議。

來源

2015-06-05 Mr. Sam

@RobertLongson可以請你告訴我一個例子？ –

https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML –

@RobertLongson我的意思是如何將其注入爲svg對象的示例 –

代表羅伯特：

var svg_test_label = [ 
 
    '<g class="rotatable">', 
 
     '<g class="scalable">', 
 
     '<rect class="card"/><image/>', 
 
     '</g>', 
 
     '<text class="rank"/><text class="name"/>', 
 
    '<g class="btn add"><circle class="add"/><text class="add">+</text></g>', 
 
    '<g class="btn del"><circle class="del"/><text class="del">-</text></g>', 
 
    '<g class="btn edit"><rect class="edit"/><text class="edit">EDIT</text></g>', 
 
    '</g>'].join(''); 
 

 

 
document.getElementById("foo").innerHTML = "<svg>" + svg_test_label + "</svg>";

<div id="foo"></div>

來源

2015-06-06 03:50:45

如何從字符串標記（模板）創建svg形狀

回答

相關問題