alexbuki
@alexbuki
программист js

Как расфишровать фигуру base 64?

На вход подаётся строка, которая содержит картинку в base64

Картинка может быть любого размера
Картинка не прозрачная
Цвет пустых пикселей — белый (r, g, b): (255, 255, 255)
На картинке изображён цветной прямоугольник
Все линии горизонтальные или вертикальные

пример картинки:
https://gist.github.com/senaev/50460323558db543256...

как из такой картинки получить такой div?
<div>  
    <div style="  
        position: absolute;  
        width: 11px;  
        height: 15px;  
        top: 135px;  
        left: 109px;  
        background-color: rgb(255, 255, 0);  
    "></div>  
</div>
  • Вопрос задан
  • 89 просмотров
Решения вопроса 2
SagePtr
@SagePtr
Еда - это святое
На стороне клиента или сервера? Если на стороне клиента - то создать canvas по размеру картинки, отрисовать туда картинку и начать перебирать пиксели с левого верхнего края, пока не попадётся не белый пиксель. То же самое сделать с обратного конца для поиска нижнего правого края.
Если на стороне сервера при помощи nodejs, то то же самое, но не при помощи canvas, а к примеру этим: https://www.npmjs.com/package/pngjs
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы