调整svg组的路径大小_Svg - Fatal编程技术网

调整svg组的路径大小

svg

调整svg组的路径大小,svg,Svg,我想将路径调整为20像素左右。 SVG的大小应该是500*500，现在路径宽度是297，高度是180.7。现在我需要这条路径，在前一条路径内宽277，高160.7 <!DOCTYPE html> <html> <body> <h1>Scale Paht Svg`**`enter code here`**`</h1> <svg width="500" height="500"> <path xmlns="ht

我想将路径调整为20像素左右。

SVG的大小应该是500*500，现在路径宽度是297，高度是180.7。现在我需要这条路径，在前一条路径内宽277，高160.7

<!DOCTYPE html>
<html>
<body>

<h1>Scale Paht Svg`**`enter code here`**`</h1>

<svg width="500" height="500">
    <path xmlns="http://www.w3.org/2000/svg" fill="none" stroke="#000000" d="M245.5,263.5l-148,179c0,0,287,4,297,0L245.5,263.5z"/>
</svg>


Scale Paht Svg`**`在此处输入代码`**`

您需要像这样更改代码： SVG画布为500个单位/500个单位，因此可以使用viewBox属性：

viewBox=“0 500”

。不，您可以通过添加

width=“20”y=“20

将SVG的大小更改为20/20。由于缩小的笔划非常薄，您需要添加

vector effect=“non-scaling stroke”

。这样笔划就不会缩小

svg{border:1px solid；}

我想减少路径20像素的大小。请进一步解释：您是否需要SVG画布为500px/500px，但只有此路径为20/20px？谢谢您的回复，但我只需要路径。在这种情况下，您必须重写路径的代码。您能解释一下您需要它做什么吗？SVG代表可缩放向量图cs.您可以轻松调整所有内容的大小。但在这种情况下，您的问题并不清楚。请解释您需要它的原因。谢谢，让我用示例解释一下，SVG的大小应该是500*500，现在路径宽度是297，高度是180.7。现在我需要此路径的宽度为277，高度为160.7，位于前一条路径内。如果仍然是我的问题，我需要It’不清楚，请先告诉我。谢谢。