2010-07-28 2 views
0

Я работаю над проектом JS Raphael и должен отображать некоторые прозрачные PNG только с непрозрачными деталями, которые можно кликать. Есть ли способ:Создание пути/Imagemap из прозрачного PNG с Raphael JS

  • При щелчке мыши вытащите альфа текущего положения. или
  • Сформировать путь, который может быть использован для определения интерактивных областей (т.е. http://raphaeljs.com/australia.html)

ответ

0

Как Рафаил для векторной графики, это неправильный инструмент для вашей проблемы с PNG. Я думаю, что холст - это то, что вы ищете. Load your image in an canvas (полотно должно быть нажато в DOM). На клик проверьте координаты и get the pixel out of the canvas.

Но, возможно, вам будет проще конвертировать вас в векторную графику и вместо этого использовать raphael.

+0

Я бы пошел полностью с холстом, за исключением того, что этот кусок намного больше. Я считаю, что могу использовать canvas и определять альфу и что-то делать с ней (http://stackoverflow.com/questions/667045/getpixel-from-html-canvas). – Caleb

+0

Да, вы можете. Но svg создается для чего-то вроде этого (обнаружение мыши), где вам нужно перестроить эту функцию с помощью холста. –