HTML5 Canvas vs SVG/VML?

Question

Скажите, пожалуйста, что вы думаете о HTML5 Canvas vs SVG/VML? Дайте мне за и против в сравнении.

спасибо !!!

Answer 1

HTML5 Холст - это просто поверхность рисования для бит-карты. Вы создали ничью (скажите цветом и толщиной строки), нарисуйте эту штуку, и тогда Canvas не знает об этом: он не знает, где это или что это такое, это всего лишь пиксели. Если вы хотите рисовать прямоугольники и перемещать их или выбирать, вам нужно все это закодировать с нуля, включая код, чтобы помнить, что вы их нарисовали.

С другой стороны, каждый созданный вами элемент SVG/VML является реальным элементом в DOM. По умолчанию это позволяет значительно лучше отслеживать созданные вами элементы и облегчать работу с вещами, такими как события мыши, по умолчанию.

Canvas будет лучше для более быстрых вещей и тяжелых манипуляций с растровыми изображениями (например, анимация), но потребует больше кода, если вы хотите много интерактивности.