表示行的SVG路径未显示有效示例和非有效示例

时间:2018-12-25 08:49:49

标签: html css svg

我正在使用路径数据显示一行,它曾经可以工作,但在这种情况下却没有。我在下面添加了一个工作示例。

非工作示例:

#Path_2 {
	opacity: 1;
	overflow: visible;
	fill: transparent;
	stroke: rgb(233, 233, 240);
	stroke-width: 2px;
	stroke-linejoin: miter;
	stroke-linecap: butt;
	stroke-miterlimit: 4;
}
.Path_2 {
	position: absolute;
	top: 27.80859375px;
	left: 0px;
	width: 400px;
	height: 2px;
	transform: matrix(1,0,0,1,0,0);
}
<div style="outline: 0px dashed red;">
<svg viewBox="-835.0799560546875 2509.80859375 400 0" class="Path_2">
	<path id="Path_2" d="M -835.0799560546875 2509.80859375 C -835.0799560546875 2509.80859375 -435.0799560546875 2509.80859375 -435.0799560546875 2509.80859375">
	</path>
</svg>
</div>

工作示例:

#Line_84 {
	opacity: 1;
	overflow: visible;
	fill: transparent;
	stroke: rgb(112, 112, 112);
	stroke-width: 1px;
	stroke-linejoin: miter;
	stroke-linecap: butt;
	stroke-miterlimit: 4;
}
.Line_84 {
	position: absolute;
	top: 18.5px;
	left: 17.419921875px;
	width: 99.1396484375px;
	height: 14.990234375px;
}
<svg class="Line_84">
	<path id="Line_84" d="M 0 0 L 99 14">
	</path>
</svg>

0 个答案:

没有答案