Làm thế nào để thực hiện một vòng tròn hoàn hảo với công cụ bezier trong Inkscape?


7

Tôi cần tạo một vòng tròn hoàn hảo với công cụ bezier chứ không phải với công cụ vòng tròn. Mục đích của việc này là để sau đó làm sinh động Svg của tôi với css.


1
Tôi muốn lưu ý rằng các đường cong Bézier không thể đại diện cho một vòng tròn hoàn hảo (mặc dù chúng có thể thực hiện xấp xỉ khá tốt).
Wrzlprmft

@Wrzlprmft Tại sao không?
Scribpetacher

@Scrippetacher: Đường cong Bézier là đường cong đa thức và đường tròn không. Tất cả sôi sục xuống chức năng sin không phải là một đa thức. (Một điều tương tự thô là bạn không thể biểu diễn π dưới dạng phân số.)
Wrzlprmft

@Scrippetacher Hàm số lượng giác là một phần của một nhóm được gọi là hàm trancendental không thể mô tả bằng đa thức. Độ chính xác được mô tả tốt trong pomax.github.io/bezierinfo dù sao bạn cũng có thể sử dụng các spline hợp lý (Beziers hoặc b-splines được gọi là NURBS) để tạo ra các vòng tròn chính xác (mặc dù chúng không được tham số hóa như các vòng tròn)
joojaa

Câu trả lời:


10

Khi vẽ một citcle trong Inkscape thì đây sẽ là đường dẫn của nó nhập mô tả hình ảnh ở đây:

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

Để chuyển đổi đường dẫn này thành các dòng Bezier, chỉ cần chọn đối tượng, sau đó chọn Đường dẫn> Đối tượng thành Đường dẫn :

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

Bây giờ chúng ta có thể chèn các nút, ngắt đường dẫn hoặc bất cứ điều gì chúng ta cần làm (ví dụ dưới đây đã thu được bằng cách chèn 3 nút và xóa đường dẫn giữa hai nút được chọn):

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


0

Chọn ellipse tool, vẽ một vòng tròn (với 'Ctrl') và bây giờ - với ellipse toolvẫn được chọn - di chuột qua 3 nút có thể nhìn thấy của vòng tròn và đọc các gợi ý trong dòng trạng thái: bạn có thể định vị điểm bắt đầu và điểm kết thúc của vòng tròn để tạo một phân đoạn và với việc chuyển đổi trên thanh điều khiển hình elip, bạn có thể xác định xem đó là một phân đoạn (đường dẫn được đóng kín, bao gồm cả trung tâm) hoặc một vòng cung (hình dạng không được tiết lộ).

Lấy từ bài đăng này trên các diễn đàn Inkscape.

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.