Chatbox

Các bạn vui lòng dùng từ ngữ lịch sự và có văn hóa,sử dụng Tiếng Việt có dấu chuẩn. Chúc các bạn vui vẻ!
28/06/2021 22:06 # 1
buiducduong
Cấp độ: 22 - Kỹ năng: 1

Kinh nghiệm: 7/220 (3%)
Kĩ năng: 0/10 (0%)
Ngày gia nhập: 25/09/2020
Bài gởi: 2317
Được cảm ơn: 0
Hướng dẫn vẽ ngôi sao bằng SVG



Đầu tiên, mình sẽ tạo một khung bao bằng thẻ svg như sau:

<svg width='300' height='200' style='background: #B71C1C'></svg>

Tiếp theo, mình sẽ tạo hình ngôi sao bằng thẻ polygon, tại điểm bắt đầu là x = 150, y = 30:

<svg width='300' height='200' style='background: #B71C1C'>
   <polygon points='150,30 105,165' stroke='#FFD600'/>
</svg>

<svg width='300' height='200' style='background: #B71C1C'>
   <polygon points='150,30 105,165 215,80' stroke='#FFD600'/>
</svg>

<svg width='300' height='200' style='background: #B71C1C'>
   <polygon points='150,30 105,165 215,80 85,80' stroke='#FFD600'/>
</svg>

<svg width='300' height='200' style='background: #B71C1C'>
   <polygon points='150,30 105,165 215,80 85,80 195,165' stroke='#FFD600'/>
</svg>

Cuối cùng, mình sẽ thay đổi màu nền của ngôi sao:

<svg width='300' height='200' style='background: #B71C1C'>
   <polygon points='150,30 105,165 215,80 85,80 195,165' fill='#FFD600'/>
</svg>

Bây giờ, bạn có thể tạo một hình ngôi sao bằng SVG thật dễ dàng!




 
Copyright© Đại học Duy Tân 2010 - 2024