WELCOME TO BLOGGER VQGĐC

THÂN CHÀO QUÝ BẠN
CLICK HERE TO OPEN

Tất cả hình ảnh, những hoạt động cùng cơ sở Định Chuẩn rồi cũng cùng với thời gian rơi vào khoảng không
Nếu còn gì rớt lại chỉ là những tình cảm của những con người đã một thời làm việc chung dưới một mái nhà
mà nay đả tản mác khắp bốn phương trời
Ninh Vũ / Phòng Thí Nghiệm VQGĐC

Thursday, August 19, 2021

VẼ ELLIPSE THEO PHƯƠNG PHÁP SVG

 

PHƯƠNG PHÁP VÈ ELLIPSE THEO SVG


<html>

<svg xmlns="http://www.w3.org/2000/svg"

xmlns:xlink="http://www.w3.org/1999/xlink"

width="100%" height="100%">

<g > // phương pháp nầy vẽ bình thường

 <ellipse cx ="250" cy="160" rx = "140" ry = "80"

 stroke="blue" stroke-width="4" fill="none"/>

</g>

 

<g> // phương pháp nây chỉ dùng vẽ quỳ đạo.

 <path id ="ellipse"

d="M 225,275

a 100, 50 0 1,1  0,0.00099"Z

 cx ="200" cy="160" rx = "120" ry = "70"

 stroke="red" stroke-width="3" fill="none"/>

</g>

</svg>

</html>

 **************************************

Ghi chú.

Phương pháp vẽ ellipse theo SVG (Scalable Vector Graphics).

Phương pháp nây phát minh năm 1999 của một nhóm mà lảnh tụ của nhóm là Chris Lilley phục vụ cho W3C.Phương pháp được phổ biến xử dụng vào ngảy 4 tháng 9 năm 2001.

Đó là lý do khi vẽ theo SVG thì phải có những câu nầy viết hàng đầu thì hình mới xuất hiện.

<svg xmlns="http://www.w3.org/2000/svg"

xmlns:xlink="http://www.w3.org/1999/xlink"

width="100%" height="100%">


2-Phương  pháp vẽ bình thường thì đơn giản như sau .

cx ="200" cy="160"  là tọa độ tâm của ellipse

rx = "120" ry = "70" là hai trục của ellipse.  (semimajor and semiminor axes).

 

2-Phương pháp vẽ để làm quỷ đạo thì hơi phức tạp.

<path id ="ellipse"

d="M 225,275

a 100, 50 0 1,1  0,0.00099"Z

 cx ="200" cy="160" rx = "120" ry = "70"

 stroke="red" stroke-width="3" fill="none"/>

Phải có chữ  path id. Chữ d="M 225,275  nghĩa là di huyển ngòì bút vẽ tới địa điểm M có tóa độ 225,275 .Rồi di chuyển ngoì bút tới đặc điểm của hình vẽ là  : a 100, 50 0 1,1  0,0.00099" Z .

Chử a nghĩa lả arc ,đường cong. Chư Z nghĩa la closepath.

Khi chọn vẽ theo phương pháp path thi phải có đu nhừng chữ d , a, M , Z. Nễu thiếu hình không xuất hiện.

100, 50 là độ dai của hai trục ellipse.

 Con sô O là góc quay của ellipse.

Hai con số 1, 1 có nghĩa như sau.

Co số 1 đầu tiên lam cho ellipse lớn hơn hoặc bằng 180.

Con số 1 tiểp theo làm cho ellipse ở phần dương, nằm trên trục hoành

Nếu thay bằng con sổ O thi ellipse sẽ ở phần âm ,sẽ ở dưới trục hoành.

Con số 0,0.00099 Z làm cho ellipse khép kín. Nếu muốn ellipse không khép kín thì viết  O,OO9 Z họăć 0,1Z hay 0,25Z