Tag: rect

SVG：文本里面的文字

我想在 SVG rect 里面显示一些文字。 可能吗？ 我试过了 <svg xmlns="http://www.w3.org/2000/svg"> <g> <rect x="0" y="0" width="100" height="100" fill="red"> <text x="0" y="10" font-family="Verdana" font-size="55" fill="blue"> Hello </text> </rect> </g> </svg> 但它不起作用。

你可以控制SVG的笔画宽度是如何绘制的？

目前正在构build基于浏览器的SVG应用程序。 在这个应用程序，各种形状可以由用户，包括矩形风格和定位。 当我将一个stroke-width应用到1px的SVG rect元素时，笔划被应用于rect的偏移量，并由不同的浏览器以不同的方式插入。 这被certificate是麻烦的， 特别是当我尝试计算矩形的外部宽度和可视位置并将其放置在其他元素旁边时。 例如： Firefox添加了1px插图（底部和左侧）和1px的偏移量（顶部和右侧） Chrome添加了1px的插入（上和左）和1px的偏移（下和右） 到目前为止，我唯一的解决scheme是自己绘制实际边框（可能使用path工具），并将边框放在描边元素后面。 但是这个解决scheme是一个令人不快的解决办法，如果可能的话，我宁愿不要走这条路。 所以我的问题是，你能控制如何在元素上绘制SVG的stroke-width吗？