Bir nesneyi aynı anda başka bir nesnenin önüne ve arkasına nasıl yerleştirebilirim?


37

(Deneme olarak) içinden geçen bir barı olan bir daire çizmeye çalıştım. Çubuk dairenin bir tarafının altına, diğer tarafına geçmelidir.

Bunu, daireyi iki nesneye bölerek yaptım, ancak yollar tam olarak eşleşmesine rağmen, bölünmenin yapıldığı görünür dikişler var.

görüntü tanımını buraya girin

Ayrıca, dairenin sol tarafının altındaki gölge, çubuğun üstünde olması gerektiği gibi gitmez ve gölge nesnesini bölmeden bunu düzeltmenin bir yolunu düşünemiyorum.

Bunu yapmanın daha iyi bir yolu var mı?


Gerekirse svg'yi de yükleyebilirim .


2
Barı bölmeyi denedin mi? Ayrıca, bazen çizgilerin ve çizgi eklemlerinin oluşturulmasını etkilediği için kesirli bir zoom miktarında olmadığınızdan emin olun.
Johnny Kutnowski 21:14

Hangi yazılımı kullanıyorsun? Illustrator?
Henrik Ekblom

1
Nesnenin karışık bir üst üste binmesine Inkscape'de izin verilmez, ancak birkaç şekilde devam edebilirsiniz. Muhtemelen en hızlı olanı, çubuğun kapladığı daireyi keser (kesim düzdür). Alternatif olarak, bağlantı noktalarını daha doğru bir şekilde hareket ettirebilirsiniz (dikişler görünür olmamalıdır: muhtemelen sorun daireyi kesmek şeklindeydi).
Paolo Gibellini

2
PS Kenarların hizalanması bir Inkscape problemi gibi görünüyor ( buraya , buraya ve buraya bakınız ). Ayrıca bkz. Antialiasing hakkında Inkscape SSS : Yatay / dikey kenarlarınızı piksel ızgarasına yaslayın ve çok sayıda piksel genişliğinde kontur kullanın. Bitmap'i 90dpi'de dışa aktarın, böylece 1 px birimi 1 bitmap piksele karşılık gelir
Paolo Gibellini

@JohnnyKutnowski Zumla değişiyor, bazen ayrılma neredeyse ortadan kalkıyor. Ancak 1: 1 zoom'da çok görünür.
gandalf3

Yanıtlar:


42

Gördüğünüz boşluk, Inkscape'in kusurlu oluşturmasından kaynaklanır ve SVG'nizi dışa aktarma veya kullanma şeklinize bağlı olarak (kesin olarak kestiğiniz sürece) bir sorun değildir. Bununla birlikte, gölgeler büyük olasılıkla kesildiğinde problem yaratacaktır (onları düzeltmeyi düşünebilmemin tek yolu budur).

İşte bu benim çözümüm. Örnek olarak düz bir çubuğu kestim, çünkü daha kolay. Ancak dış çemberleri kesmenin daha sonra bahsedeceğim bir avantajı var. İlk önce bir resim:

Bazı kaplama teknikleri

Sol gösteri için saydam nesneler (bir mavi, bir kırmızı) kullanır, sağ sonucu gösterir.

  • En başta, yaptığınız şeyi çoğalttım ve barımı kestim. Bu, bazı yakınlaştırma seviyelerinde veya piksel ihracatında yukarıda belirtilen boşluğa neden olur (bazı PDF oluşturucularda veya benzerlerinde de olabilir).
  • Ortada, çubuğun iki yarısının üst üste binmesine izin veriyorum, bu da boşluğu önlüyor ancak çubuğun kesim çevresinde biraz daha kalın görünmesine izin veriyor (bunu görmek için yakınlaştırmanız gerekebilir).
  • Alt kısımda, önerdiğim şeyi kullandım¹. En büyük örtüşme, çubuğun genişliğinin yarısıdır. İstenmeyen bir diğer adlandırma etkisi (yani bir boşluk veya kalınlaşmış bir çubuk) oluşturduğu herhangi bir yakınlaştırma düzeyi veya dışa aktarma bulamadım.

Şimdi, gölgelere bir göz atalım:

görüntü tanımını buraya girin

Sıra yukarıdaki ile aynı. Sağda, daha iyi illüstrasyon için yalnız gölgelerimiz var.

  • Basit kesimin gölgesi iyi görünüyor, ama görebiliyoruz ki, kesme konumunda biraz daha zayıf. Bu, daha gölgeli gölgeler için daha fazla sorun olur.
  • Ortada, önemli bir sorunumuz var.
  • Alt kısımda, kesimin konumunu belirleyebiliriz, ancak gölge ne zayıf ne de daha güçlüdür, sadece farklı şekilde dağıtılmıştır. Özellikle, gölge kaynaştığında, daha da kötüye gitmez. Düz bir segmentte gerçekleşmezse kesim daha az görülür, bu nedenle orta çubuk yerine daireleri kesmeniz sizin için daha iyi olabilir.

This Bunu şu şekilde yapabilirsiniz:

  1. Kesimi normal yapın.
  2. Her kesim kenarının ortasına bir düğüm ekleyin.
  3. Her düğümü, kesip çıkardığınızın genişliğinin quarter çeyreğinde dışarı doğru hareket ettirin.

² Bu değer için, gölgenin bozulmasını deneysel olarak en düşük buldum.


Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.