Ưu điểm của việc sử dụng SVG trên các định dạng ảnh (như JPEG và GIF) là:
Nhúng SVG trực tiếp lên trang HTML
Trong HTML5, bạn có thể nhúng trực tiếp phần tử SVG vào trang HTML:
Ví dụ
<!DOCTYPE html> <html> <body> <svg xmlns=”http://www.w3.org/2000/svg” version=”1.1″ height=”190″> <polygon points=”100,10 40,180 190,60 10,60 160,180″ style=”fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;”> </svg> </body> </html>
Kết quả:
SVG là ngôn ngữ mô tả đồ họa 2D bằng XML.
Canvas vẽ đồ họa 2D bằng script (với JavaScript).
SVG có nền là XML, nghĩa là mọi phần tử đều có sẵn trong SVG DOM. Bạn có thể gán một sự kiện xử lý cho phần tử đó.
In SVG, each drawn shape is remembered as an object. If attributes of an SVG object are changed, the browser can automatically re-render the shape.
Trong SVG, mỗi phần tử được ghi nhớ như một đồi tượng. Nếu thuộc tính của một đối tượng SVG bị thay đổi thì trình duyệt tự động thay đổi hình dạng đối tượng đó.
Canvas được tạo bởi điểm ảnh. Với canvas, hình ảnh không được nhớ bởi trình duyệt. Do đó, nếu một điểm bị thay đổi, toàn bộ phải được vẽ lại.
Canvas
SVG
Theo khoapham.vn
Drupal Developer having 9+ year experience, implementation and having strong knowledge of technical specifications, workflow development. Ability to perform effectively and efficiently in team and individually. Always enthusiastic and interseted to study new technologies
Bootstrap is one of the most popular digital (HTML, CSS and JS) frameworks used today. Because it makes front-end web development faster for any device and for projects of all sizes
Làm thế nào để một DN nhỏ có thể Tối ưu website (SEO) lên trang đầu của Google trong thị trường cạnh tranh lớn như Du lịch với một ngân sách hạn chế ? Chắc sẽ có rất nhiều công ty, DN cần giải đáp về đề này. Hôm nay tôi sẽ giup các bạn định hướng cho website của mình để phát triển nó và tìm kiếm những khách hàng tiềm năng trên Máy tìm kiếm Google.
Việc phải mò mẫm để sửa và tiếp tục chờ approve sẽ khiến công việc trễ nãi và làm bạn mất nhiều thời cơ vàng ngọc.
