Работа с изображениями в JS

[danik.js]

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

[dmitriymar]

а при использовании canvas вручную все просчитывать?

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

[Flaker]

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


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

[dmitriymar]

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

[danik.js]

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

[Nekromancer]

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

[danik.js]

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

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

[dmitriymar]

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

а это каким боком ?

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

нет конечно.

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

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

[Flaker]

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