CÁCH VẼ CON CÁ HỒNG THEO SVG QUỐC TẾ

 VẼ CON CÁ THEO SVG.

I-PROGRAM VẼ CÁ HỒNG

Copy rôi post vào Notepad.

Dung Browser để mở xem.

--------------------

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

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

Width = "100%" height= "100%">

<g>

<path d="M 200 160, C 250 200, 350 120, 200 160,

L 200 160, 180 170,

L 200 160,175 150,

C 175 150,185 160,180 170 Z"

Stroke= "red" stroke-width="4" fill="green"/>

<circle cx="260" cy= "155" r="3" stroke="yellow" fill="red"/>

</g>

<g>

 <text x="145" y="100" font-size="30"

 font-family ="arial " stroke="blue">VE CÁ HỒNG THEO SVG</text>.

 <text x="105" y="250" font-size="35"

 font-family ="courier" stroke="black">

HenryDuong/16/3/2025</text>

 </g></svg>

----------------

II-CÂN THUỘC LÒNG KHI VẼ.

Phương pháp nầy dạy vẽ những hình rất nhẹ hơn hỉnh gif, png.

Khi kéo hình lớn ra hoặc thu nhỏ lại theo ý muốn, hình không bị hư lệch.

Loaị hình vè nâỳ rất hay, được xử dụng rất phổ thông khi muốn tạo hình di chuyển.

Phương pháp SVG nầy xuất hiện vào năm1998 và thành tiêu chuẩn quốc tế năm 2000 cho nên câu đầu tiên viết như sau

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

width="5000" height="3000">

Hoặc viết như sau.

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

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

Width = "100%" height= "100%">

 Cuối bảng vé phải viết dậu chấm dứt lã </SVG> thì hình mới xuất hiến. 

Trong câu đầu tiên phải có kích thước tự do chọn cho chiều rộng và chiều cao của view port tính theo pixels. Hình vẽ sẽ phải nằm trong view port.

Phải chọn tọa độ x, y để vẽ hình cho nên gọi là Scalable Vetor Graphic (SVG).

Trên trục tung  phải chọn y theo chiều âm

Bắt đâu vẽ phải viết < path d="M

path nghĩa là đương vẽ.

d nghìa là depart. M nghĩa là Move tới tọa độ.

Nếu tọa độ theo đương cong thì viốt chữ C.

Nếu tọa độ theo đương thẳng thì viết chư L 

Chấm dứt đương vẽ  nghía lã không chọn tọa độ nữa thì viết chữ  Z