使用 SVG 文档设置具有相对点的多段线
Set polyline with relative points using SVG document
使用 flex 我有两个相邻的 div(s)，其中第一个容器将根据内容动态设置高度，而后者将是其高度的 100%。
在后者 div 中，全高的 SVG 文档绘制 polyline。然而，尽管 SVG 文档调整了它的高度，折线点的绝对值是固定的，因此没有响应。
正常宽度：
宽度缩小后：
预期结果应缩放：
是否可以设置相对于 SVG 文档大小的点，或者从 0,0 轴设置一些点，其余的从底部开始设置？
一种解决方案是将 preserveAspectRatio 更改为 none，但这也会拉伸笔触。
preserveAspectRatio="none"
已更新 fiddle：https://jsfiddle.net/majnhguz/
更新：
你可以通过在你的路径上使用这个来解决这个问题：
vector-effect="non-scaling-stroke"
已更新 fiddle：https://jsfiddle.net/rv9kup7z/
使用 flex 我有两个相邻的 div(s)，其中第一个容器将根据内容动态设置高度，而后者将是其高度的 100%。
在后者 div 中，全高的 SVG 文档绘制 polyline。然而，尽管 SVG 文档调整了它的高度，折线点的绝对值是固定的，因此没有响应。
正常宽度：
宽度缩小后：
预期结果应缩放：
是否可以设置相对于 SVG 文档大小的点，或者从 0,0 轴设置一些点，其余的从底部开始设置？
一种解决方案是将 preserveAspectRatio 更改为 none，但这也会拉伸笔触。
preserveAspectRatio="none"
已更新 fiddle：https://jsfiddle.net/majnhguz/
更新： 你可以通过在你的路径上使用这个来解决这个问题：
vector-effect="non-scaling-stroke"
已更新 fiddle：https://jsfiddle.net/rv9kup7z/