如何消除SVG线的模糊
[英]How to remove blur from svg line
问题描述
我有两条线第一条线不平滑（模糊）。 虽然线是光滑的。 如何使它平滑。
<svg height="210" width="500"> <line x1="0" y1="0" x2="200" y2="10" style="stroke:rgb(255,0,0);stroke-width:2" /> <line x1="0" y1="0" x2="200" y2="200" style="stroke:rgb(255,0,0);stroke-width:2" /> Sorry, your browser does not support inline SVG. </svg>
1 个解决方案
解决方案1
1 2016-03-01 16:56:26
我不太了解您在平滑和模糊之间的区别，但是您可以使用shape-rendering =“ crispEdges”摆脱形状上的抗锯齿。
<svg height="210" width="500" shape-rendering="crispEdges"> <line x1="0" y1="0" x2="200" y2="10" style="stroke:rgb(255,0,0);stroke-width:2" /> <line x1="0" y1="0" x2="200" y2="200" style="stroke:rgb(255,0,0);stroke-width:2" /> Sorry, your browser does not support inline SVG. </svg>
如何从具有 SVG 背景的按钮中删除垂直线？
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.