Làm thế nào để đặt một đối tượng cả trước và sau một đối tượng khác cùng một lúc?


37

Tôi đã cố gắng (như một bài kiểm tra) để tạo một vòng tròn với một thanh đi qua nó. Thanh phải đi dưới một bên của vòng tròn và trên bên kia.

Tôi đã thực hiện điều này bằng cách chia vòng tròn thành hai đối tượng, tuy nhiên có những đường nối rõ ràng nơi phân chia được thực hiện, mặc dù các đường dẫn khớp chính xác.

nhập mô tả hình ảnh ở đây

Ngoài ra, bóng dưới phần bên trái của vòng tròn không đi lên trên thanh như nó phải làm và tôi không thể nghĩ ra cách nào để khắc phục điều này mà không phải tách đối tượng bóng tối.

Có cách nào tốt hơn để làm điều này?


Nếu cần tôi cũng có thể tải lên các Svg .


2
Bạn đã thử tách thanh? Ngoài ra, hãy chắc chắn rằng bạn không ở mức thu phóng phân đoạn, vì đôi khi chúng ảnh hưởng đến kết xuất đường và khớp đường.
Johnny Kutnowski

Phần mềm nào bạn đang sử dụng? Họa sĩ minh họa?
Henrik Ekblom

1
Không được phép đặt chồng lên nhau đối tượng trong Inkscape, nhưng bạn có thể tiến hành theo nhiều cách. Nhanh nhất có lẽ là cắt vòng tròn nơi được bao phủ bởi thanh (vết cắt là thẳng). Thay phiên, bạn có thể di chuyển chính xác hơn các điểm giao nhau (không thể nhìn thấy các đường nối: có thể vấn đề nằm ở cách bạn cắt vòng tròn).
Paolo Gibellini

2
PS Sự liên kết của các cạnh dường như là một vấn đề Inkscape (xem tại đây , đâyđây ). Và xem thêm Câu hỏi thường gặp của Inkscape về khử răng cưa : Chụp các cạnh ngang / dọc của bạn trên lưới pixel và sử dụng các nét của toàn bộ số pixel. Xuất bitmap ở 90dpi sao cho đơn vị 1 px tương ứng với 1 pixel bitmap
Paolo Gibellini

@JohnnyKutnowski Nó thay đổi với zoom, đôi khi sự phân tách gần như biến mất. Tuy nhiên, nó rất rõ ràng ở tỷ lệ 1: 1.
gandalf3

Câu trả lời:


42

Khoảng trống bạn nhìn thấy là do kết xuất không hoàn hảo của Inkscape và không nhất thiết là vấn đề tùy thuộc vào cách bạn xuất hoặc sử dụng SVG của bạn (miễn là bạn cắt chính xác). Tuy nhiên, các bóng có thể sẽ gây ra vấn đề, khi bị cắt (đó là cách duy nhất tôi có thể nghĩ để làm cho chúng đúng).

Đây là giải pháp của tôi cho việc này. Ví dụ, tôi cắt một thanh đơn giản, vì nó dễ hơn. Nhưng cắt các vòng tròn bên ngoài có một số lợi thế, mà tôi sẽ đề cập sau. Đầu tiên một hình ảnh:

Một số kỹ thuật lớp phủ

Bên trái sử dụng các đối tượng trong suốt (một màu xanh, một màu đỏ) để trình diễn, bên phải hiển thị kết quả.

  • Ở trên cùng, tôi tái tạo những gì bạn đã làm và chỉ cần cắt thanh của tôi. Điều này dẫn đến khoảng cách nói trên về một số mức thu phóng hoặc xuất pixel (nó cũng có thể xảy ra trong một số trình kết xuất PDF hoặc tương tự).
  • Ở giữa, tôi để hai nửa thanh chồng lên nhau, giúp tránh khe hở nhưng để thanh xuất hiện dày hơn một chút xung quanh vết cắt (bạn có thể phải phóng to để thấy điều này).
  • Ở phía dưới, tôi đã sử dụng những gì tôi khuyên bạn nên làm¹. Sự chồng chéo lớn nhất là một nửa chiều rộng của thanh. Tôi không thể tìm thấy bất kỳ mức thu phóng hoặc xuất mà điều này tạo ra hiệu ứng răng cưa không mong muốn (nghĩa là khoảng cách hoặc thanh dày).

Bây giờ, chúng ta hãy nhìn vào bóng tối:

nhập mô tả hình ảnh ở đây

Thứ tự giống như trên. Ở bên phải, chúng ta có bóng một mình để minh họa tốt hơn.

  • Cái bóng cho vết cắt đơn giản trông ổn, nhưng chúng ta có thể thấy, nó hơi yếu hơn ở vị trí cắt. Điều này trở thành một vấn đề cho bóng tối mờ hơn.
  • Ở giữa, chúng tôi có một vấn đề đáng kể.
  • Ở phía dưới, chúng ta có thể tạo ra vị trí của vết cắt, nhưng bóng không yếu hơn cũng không mạnh hơn, chỉ phân bố khác nhau. Đặc biệt, nó không trở nên tồi tệ hơn, nếu bóng tối trở nên mờ hơn. Việc cắt thậm chí còn ít nhìn thấy hơn, nếu nó không xảy ra trên một đoạn thẳng, đó là lý do tại sao bạn có thể thuận lợi hơn để cắt các vòng tròn thay vì thanh giữa.

Bạn có thể đạt được điều này như sau:

  1. Làm cho vết cắt như bình thường.
  2. Thêm một nút ở giữa mỗi cạnh cắt.
  3. Di chuyển mỗi nút ra ngoài một phần tư chiều rộng² của bất cứ thứ gì bạn cắt.

² Đối với giá trị này, theo kinh nghiệm tôi thấy độ méo của bóng là thấp nhất.


Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.