许多其他矢量格式(如PostScript和PDF)将允许您使用笔划宽度0作为"发际线"笔划.SVG不是这样.但是,如果您使用百分比笔画宽度,我认为您可以达到您想要的效果.有关详细信息,请参阅w3c SVG规范,但基本上,您应该可以执行以下操作:
stroke-width:"1%"
Run Code Online (Sandbox Code Playgroud)
无论缩放级别如何,都应该使用与边界矩形不变的1%的线宽来描绘曲线.
至于积分,SVG不支持它们.当我在过去完成此操作时(使用PostScript),我总是使用带有小红色的圆弧来绘制一个小圆圈(如果您愿意,可以填充以制作圆点).
@Zoli:在您发表评论之后,我打算建议您研究一下PostScript,这样当我在SVG规范中遇到非缩放笔划矢量效果时,您可以使用细线笔划宽度:
vector-effect="non-scaling-stroke"
Run Code Online (Sandbox Code Playgroud)
根据规范,只需将其添加到曲线中,它应该对缩放不变.他们的示例使用line
,但它也应该适用于您的曲线.