Базовая поддержка SVG есть во всех браузерах (кроме IE8 и старых андроид-браузеров для мобилок). Однако инлайн-svg, то есть вставка непосредственно в html код не работает в старых браузерах: http://caniuse.com/#search=svg
Поэтому нужно вставлять через тег <object>

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

dmitriymar, вы не могли бы пример какой-нибудь дать? Просто то, что я видел в сети, это вручную...


danik.js, спасибо за информацию)

что значит в " ручную" ? чтоб не было в "ручную " существуют циклы и ветвления

dmitriymar, покажи пример выделения контура примитива при наведении на него.

Ещё в canvas можно делать маски, раз уж на то пошло :)
http://stackoverflow.com/questions/1...-image-as-mask

Речь видимо о ручном указании координат. Тогда как SVG можно накидать в редакторе.

а это каким боком ?
нет конечно.

вставляешь подготовленное png в канву.

ты отслеживаешь в канве наведения на неё , маус мувы . получаешь 4 байта точки под мышью. смотришь на 3 превых -допустим вне контура прозрачный красный , внутри прозрачный зелёный . смотришь если это прозрачный зелёный(допуски на сглаживание цвета задаёшь 10-15 едениц достаточно) и если над прозрачным зелёным окрашиваешь все прозрачные зелёные на канве изменяя, прозрачность, цвет

Спасибо всем за ответы. Решил, все таки, использовать SVG...