Комментарий: Canvas и SVG могут позволить вам нарисовать изображения в браузере, но их основные принципы разные. Далее мы представим принципы рисования холста и SVG. Заинтересованные друзья могут узнать об этом.
Canvas и SVG позволяют рисовать изображения в браузере, но их основные принципы различны.Svg
SVG-это язык, который описывает двумерную графику в XML.
SVG основан на XML, что означает, что каждый элемент доступен в SVG DOM. Вы можете добавить обработчик событий JS в каждый элемент.
В SVG каждый график записывается как объект. Если свойства объекта SVG изменяются, браузер может автоматически регенерировать графику.
Холст
Canvas может рисовать 2D -графику на мух (с помощью JS)
Холст может быть восстановлен пикселями.
В холсте, как только графика будет завершена, они забыты браузером. Если графическая позиция должна измениться, весь экран должен быть перекрашен, включая объекты, охватываемые графикой.
Сравнение между холстом и SVG
В следующей таблице показаны основные различия между Canvas и SVG:
Canvas Svg
Зависящий от разрешения независимо от разрешения
Обработчик событий не поддерживается
Слабые возможности рендеринга текста наиболее подходят для приложений с большими областями рендеринга (Google Maps)
Вы можете сохранить конечное изображение в виде комплексных изображений PNG или JPG, и перекрашение замедлится (любая ситуация, когда используется DOM, будет замедляться)
Лучшие графические игры, которые подходят для многих объектов, которые часто перерисовываются, не подходят для игровых приложений