История изменений
Исправление Stanson, (текущая версия) :
Канвас быстрее при рисовании но медленнее и жирнее при создании и существовании.
Если надо нарисовать полтора графических элемента и потенциально таких независимых штук на странице может быть много - берём svg. Если надо нарисовать йоба-графику в одном большом элементе - берём канвас.
Кроме того, канвас - растр, svg - вектор. Для иконок svg предпочтительнее. Кроме того, svg можно css’ить.
Т.к. эти индикаторы - не более чем иногда изменяющиеся иконки, предназначенные для размещения в любом количестве в любых местах страницы, а не элемент с какой-нибудь игрушкой внутри, то выбор svg очевиден.
И да, если кто-то испытывает неимоверную ненависть к svg - то заменить svg на canvas в этой штуке - дело 10 минут. Так что все эти страдания на предмет svg vs canvas - не более чем пердёж в лужу.
Исходная версия Stanson, :
Канвас быстрее при рисовании но медленнее и жирнее при создании и существовании.
Если надо нарисовать полтора графических элемента и потенциально таких независимых штук на странице может быть много - берём svg. Если надо нарисовать йоба-графику в одном большом элементе - берём канвас.
Кроме того, канвас - растр, svg - вектор. Для иконок svg предпочтительнее. Кроме того, svg можно css’ить.
Т.к. эти индикаторы - не более чем иногда изменяющиеся иконки, предназначенные для размещения в любом количестве в любых местах страницы, а не элемент с какой-нибудь игрушкой внутри, то выбор svg очевиден.