如何同时将一个物体放在另一个物体的前面和后面?


37

我试图(作为测试)用一条圆棒穿过它来画一个圆。条形图应位于圆的一侧下方,而在另一侧上方。

我通过将圆分成两个对象来完成此操作,但是即使路径完全匹配,在进行拆分时仍存在可见的接缝。

在此处输入图片说明

另外,圆左下方的阴影不会像它应该的那样位于栏的顶部,而且我也想不出任何方法也可以在不分割阴影对象的情况下进行修复。

有一个更好的方法吗?


如果需要,我还可以上传svg


2
您是否尝试过分割酒吧?另外,请确保您没有缩放比例,因为它们有时会影响线和线接头的渲染。
约翰尼·库特诺斯基

您正在使用什么软件?插画家?
Henrik Ekblom 2014年

1
Inkscape中不允许对象的混合叠加,但是您可以通过几种方式进行处理。最快的方法可能是切成条形覆盖的圆圈(切成直线)。或者,您可以更精确地移动接合点(接缝不应该可见:可能是您切圆的方式造成的)。
Paolo Gibellini 2014年

2
PS边缘的对齐似乎是一个Inkscape问题(请参见此处此处此处)。另请参阅有关抗锯齿的 Inkscape 常见问题解答在像素网格上捕捉水平/垂直边缘,并使用整数个像素宽的笔触。以90dpi导出位图,以便1 px单位对应于1位图像素
Paolo Gibellini 2014年

@JohnnyKutnowski确实会随着缩放而改变,有时拆分几乎消失了。但是,以1:1缩放时非常明显。
gandalf3 2014年

Answers:


42

您看到的间隙是由于Inkscape渲染不完美造成的,不一定取决于您导出或使用SVG的方式(只要您精确地切割)就会出现问题。但是,阴影在修剪时可能会引起问题(这是我能想到的正确处理方法的唯一方法)。

这是我的解决方案。例如,我切了一个普通的条,因为它很容易。但是减少外围圈子有一些优势,我将在后面提到。首先是一张图片:

一些叠加技术

左侧使用透明对象(一个蓝色,一个红色)进行演示,右侧显示结果。

  • 在顶部,我转载了您所做的事情,只是削减了我的标准。这会导致在某些缩放级别或像素输出上出现上述间隙(也可能在某些PDF渲染器或类似设备中发生)。
  • 在中间,我让条形图的两半重叠,这避免了间隙,但使条形图在切口周围显得稍粗一些(您可能必须放大才能看到这一点)。
  • 在底部,我使用了我建议做的事情¹。最大的重叠是钢筋宽度的一半。我找不到任何缩放级别或导出级别,而这不会产生不希望的锯齿效果(例如,间隙或粗线)。

现在,让我们看一下阴影:

在此处输入图片说明

顺序与上面相同。在右侧,我们仅留下阴影以进行更好的说明。

  • 简单切割的阴影看起来还可以,但是我们可以看到,在切割位置它的阴影有些弱。对于模糊的阴影来说,这更成为一个问题。
  • 在中间,我们有一个重大问题。
  • 在底部,我们可以确定切口的位置,但是阴影既不弱也不强,只是分布不同。尤其是,如果阴影变得模糊,情况也不会恶化。如果切割不是在直线段上进行,则切割的可见性甚至更低,这就是为什么对您来说,最好切成圆形而不是中间的条。

¹您可以通过以下方式实现此目的:

  1. 照常进行切割。
  2. 在每个切割边缘的中间添加一个节点。
  3. 将每个节点向外移动所剪切宽度的四分之一。

²对于这个值,我凭经验发现阴影的失真最小。


By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.