Предложения: холст или SVG

Question

В моем веб-приложении я должен нарисовать схематические сетевые компоненты, такие как маршрутизаторы, коммутаторы и другие компоненты. Мой вопрос сейчас следующий. По какой технологии мне следует использовать HTML5 canvas или SVG? Я уже прочитал эту статью об этом. Однако я все еще неустойчив.

Я думаю, что SVG лучше соответствовал бы моим требованиям, потому что пользователь должен иметь возможность изменять размер элемента. Также должна быть возможность анимировать изображения.

Спасибо за ваши предложения.

Answer 1

Я лично рекомендовал бы SVG по следующим причинам:

• вам, вероятно, не придется отображать огромное количество объектов -> производительность не является проблемой.
• анимация, преобразования и взаимодействие с пользователем проще реализовать в SVG по сравнению с canvas

Есть несколько дополнительных ресурсов, которые вы должны прочитать:

• Мысли о том, когда использовать Canvas и SVG (также описывает гибридный подход)
• Simon Sarris превосходный ответ в этом стеке потока тема (я также опубликовал несколько тестов между SVG и canvas в одном и том же потоке)

Примечание. Вы можете также рассмотреть вопрос о совместимости браузера, если это проблема для вас.