Как конвертировать картинку png в json?

Question

[stichii]

Добрый день! Нужно сделать схему зала с помощью библиотеки d3 js. Вотс есть пример на самом сайте bl.ocks.org/mbostock/5349951 Там координаты загнаны в json. А уменя только png картинка
Не подскажите как конвертнуть в картинку в json или может пример есть как сделать с использованием svg?
Или может это лучше сделать с помощью другой библиотеки? Просто сталкиваюсь с этим впервые(

Answer 1

[xtala zen]

А это обязательное условие использовать библиотеку d3 js? Если условие не обязательное, то можно не решать задачу в " лоб", а попытаться найти альтернативное решение. Я так понимаю, задача в том что нужно подсвечивать разнообразные участки изображения по наведению мыши? Можно попробовать выполнить задачу с помощью этого инструмента ru.crazysquirrel.ru/tools/generators/map-area

Comments

[stichii]

Там должно меняться в 3 цвета. Первый при наведении, 2-когда только бронируют стол и 3 когда стол уже забронирован.

[xtala zen]

stichii: ну это уже частные вопросы. Думаю копать нужно в сторону псевдо классов :hover :active и присваивания определенного класса уже выбранному столу. У этого класса назначить какой-то уникальный цвет.

Answer 2

[Archakov Dennis]

Конвертируй в base64 и сохраняй в JSON