Ví dụ SVG

Xem tệp SVG

Nếu bạn không cài đặt trình xem SVG, bạn sẽ không thể xem tệp SVG.

Ghi chú:Firefox 1.5 và Opera 9 hỗ trợ SVG một cách mặc định. Nếu bạn sử dụng một trong những trình duyệt này, bạn không cần cài đặt trình xem SVG.

Tải xuống miễn phí trình xem SVG của Adobe。

Xem mã nguồn SVG

Nếu bạn muốn xem mã nguồn SVG, hãy mở những ví dụ này, sau đó nhấp chuột phải vào cửa sổ và chọn 'Xem mã nguồn'.

Ví dụ SVG

hình dạng SVG

hình vuông
hình vuông có độ trong suốt
hình vuông có độ trong suốt 2
hình vuông có góc tròn
hình tròn
hình tròn elip
ba hình tròn đ堆叠 lên nhau
hai hình tròn
một đường thẳng
tam giác
hình vuông
đường thẳng gấp
đường dẫn
spiral

Bộ lọc SVG

feGaussianBlur lọc mờ
Một bộ lọc feGaussianBlur khác
Bộ lọc feBlend
Bộ lọc feColorMatrix
Bộ lọc feComponentTransfer
Bộ lọc feOffset
feOffset, feFlood, feComposite, feMerge và feMergeNode
Bộ lọc feMorphology
Bộ lọc 1
Bộ lọc 2
Bộ lọc 3
Bộ lọc 4
Bộ lọc 5
Bộ lọc 6

Dải màu SVG

Dải màu tuyến tính (dải màu ngang)
Dải màu tuyến tính (dải màu thẳng đứng)
Dải màu phóng xạ
Dải màu phóng xạ 2

SVG Misc

Thêm một phần tử "a" vào hình vuông, để hình vuông có thể là một liên kết siêu链接.
Khi người dùng nhấp vào hình tròn, sử dụng JavaScript để tạo một phần tử.
Hình vuông mờ ra trong 5 giây
Thay đổi thuộc tính x, y, width và height của hình vuông động để tạo ra hiệu ứng hoạt hình và thay đổi màu sắc của hình vuông
Ba hình vuông thay đổi màu sắc
Văn bản di chuyển theo một đường dẫn di chuyển
Di chuyển, quay và thu phóng văn bản theo một đường dẫn di chuyển
Di chuyển, quay và thu phóng văn bản theo một đường dẫn di chuyển, và dần dần thay đổi màu sắc của hình vuông