Html 如何使svg大小适合内容文本
请检查我的密码 如何设置SVG标记的宽度和高度以适合其内容tspan标记。tspan标记的数量不是固定的Html 如何使svg大小适合内容文本,html,css,svg,tspan,Html,Css,Svg,Tspan,请检查我的密码 如何设置SVG标记的宽度和高度以适合其内容tspan标记。tspan标记的数量不是固定的 首先感谢:您使用的viewBox属性无效。不允许使用百分比。视图框的值是从X到Y的宽度和高度 我使用的是一个宽度为41的视图框——文本边界框的宽度 第二:我怀疑你是想把最后一个矩形的文字剪下来。在这种情况下,您需要文本为白色 console.logt.getBBox 文本{字体大小:16px;} 拳击手套 站 数字的 谢谢,但它仍然不适合我,你能直接编辑吗? <div class=&
首先感谢:您使用的viewBox属性无效。不允许使用百分比。视图框的值是从X到Y的宽度和高度 我使用的是一个宽度为41的视图框——文本边界框的宽度 第二:我怀疑你是想把最后一个矩形的文字剪下来。在这种情况下,您需要文本为白色 console.logt.getBBox 文本{字体大小:16px;} 拳击手套 站 数字的
谢谢,但它仍然不适合我,你能直接编辑吗?
<div class="suj_content">
<header class="suj_content_hd">
<div id="suj_content_hd_ytb"><iframe class="suj_content_hd_ytb" src="https://www.youtube.com/embed/kOc6ME2J_Us?mute=1&loop=1&playlist=kOc6ME2J_Us&autoplay=1&showinfo=0&controls=0" width="100%" height="100%" frameborder="0"></iframe></div>
<h2>
<svg id="suj_content_svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100% 100%" preserveAspectRatio="xMidYMid slice">
<defs>
<mask id="mask" x="0" y="0" width="100%" height="100%">
<rect x="0" y="0" width="100%" height="100%"></rect>
<text>
<tspan x="0" dy="33.333333333333%" alignment-baseline="middle" text-anchor="start">mittel</tspan><tspan x="0" dy="23.222222222222%" alignment-baseline="middle" text-anchor="start">stand</tspan><tspan x="0" dy="23.222222222222%" alignment-baseline="middle" text-anchor="start">digital</tspan> </text>
</mask>
</defs>
<rect x="0" y="0" width="100%" height="100%"></rect>
</svg>
</h2>
</header>