Svg 为什么我的圆圈';s标记未完全显示?

Svg 为什么我的圆圈';s标记未完全显示?,svg,Svg,资料来源: 我知道为什么我的圆圈没有完全出现,因为有足够的空间让它完全显示出来 @导入url('https://fonts.googleapis.com/css?family=PT+Sans'); 身体{ 字体系列:“PT Sans”,无衬线; 填充:2rem; } 开始SVG:绘制路径和标记 标记在其平铺边界处有一个矩形剪裁区域。在你的例子中是0,0到385359,所以你需要在这个矩形内画一个标记 带有cy=“5”和r=“13”的圆将在y轴上方渲染,因此位于剪裁矩形之外 我们可以简单地转换标

资料来源:

我知道为什么我的圆圈没有完全出现,因为有足够的空间让它完全显示出来

@导入url('https://fonts.googleapis.com/css?family=PT+Sans');
身体{
字体系列:“PT Sans”,无衬线;
填充:2rem;
}
开始SVG:绘制路径和标记

标记在其平铺边界处有一个矩形剪裁区域。在你的例子中是0,0到385359,所以你需要在这个矩形内画一个标记

带有cy=“5”和r=“13”的圆将在y轴上方渲染,因此位于剪裁矩形之外

我们可以简单地转换标记内容,然后移动标记参照以进行补偿。我还将markerWidth和markerHeight设置为更合理的值,因为它们太大会妨碍浏览器优化标记渲染

@导入url('https://fonts.googleapis.com/css?family=PT+Sans');
身体{
字体系列:“PT Sans”,无衬线;
填充:2rem;
}
开始SVG:绘制路径和标记