小编use*_*754的帖子

如何在SVG文本中保留空格

为了在svg的textelement中保留空格,应使用'xml:space =“ preserve”'作为文本(jsfiddle)的属性。但是,它不起作用。我究竟做错了什么?

    // init snap
    var svgElement=document.getElementById("mainSvgId");
    var s = Snap(svgElement).attr({height: 300, width: 300});

    // greate group with rectanle
    var parentGroup=s.g().attr({id: "parent"});
    var rect1 = s.rect(0, 0, 200, 200).attr({fill: "#bada55"});
    parentGroup.add(rect1);

    // add text with preserve attribute
    var text = s.text(0, 20, "   text1    text2");
    text.node.setAttribute("xml:space", "preserve");
    parentGroup.add(text);
Run Code Online (Sandbox Code Playgroud)

svg snap.svg

4
推荐指数
1
解决办法
2070
查看次数

标签 统计

snap.svg ×1

svg ×1