我对 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('');
感谢您的建议。
最佳答案
代表罗伯特:
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>
关于javascript - 如何从字符串标记创建 svg 形状(模板),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30662355/