相关疑难解决方法(0)

嵌入在HTML中的SVG中的重要空白

我有svg嵌入html.

对于嵌入在html中的svg,即&chrome不支持xml:space = preserve.所以多个""将浓缩为一个"".将""替换为"将保持多个",并解决问题.

有没有更好的方法呢?谢谢.请看下面的示例html:

<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
<body>

<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
version="1.1"
viewBox="0 0 1024 768" 
preserveAspectRatio="xMidYMid"
>

<text
x="0"
y="0"
id="textsvg"
font-family="Bitstream Vera Sans" 
font-size="100"
fill="black"
>

<tspan
x="0"
dy="100"
>
wel co     me vs wel&nbsp;co&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;me
</tspan>
</text>

</svg>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

xml whitespace svg

7
推荐指数
1
解决办法
5827
查看次数

标签 统计

svg ×1

whitespace ×1

xml ×1