Как разрезать картинку с помощью JS?

Question

[Boogie1989]

Есть приложение на AngularJS. Мне нужно разрезать картинку на 9 или 16 равных частей и поместить их в массив? Плюс нужна возможность поворота полученых кусков. Желательно без jQuery. Как это можно сделать?

У меня есть кординаты для отрисовки куска картинки

_stage.drawImage(_img, piece.sx, piece.sy, _pieceWidth, _pieceHeight, xPos, yPos, _pieceWidth, _pieceHeight);

но отрисовывать мне не надо, а нужно превратить в dataUrl что бы этот кусок можно било вставить в тег как обычный src.

Answer 1

[Андрей Minisol]

www.html5canvastutorials.com/tutorials/html5-canva... - вот пример
а изображение можно потом в blob засунуть

Comments

[Boogie1989]

Спасибо,сейчас попробую)

[Boogie1989]

А как потом в блоб засунуть?)

Answer 2

[Xbbv1]

Может быть можно как-то декодировать в base64 и порезать.. без canvas думаю не обойтись. Вот здесь обсуждение stackoverflow.com/questions/6150289/how-to-convert...