JS: как сделать из обычной картинки вязаную?

Question

[Flinn]

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

Answer 1

[_ _]

Берете canvas, уменьшаете картинку до, допустим, 100 точек по большей стороне, берете Ч-Б png-картинку вязаного узла с альфа-каналом, проходитесь по всем точкам изображения, берете цвет каждой точки, накладываете картинку узла на цвет текущей точки, полученный результат отрисовываете на canvas.