Можно ли раздвинуть изображение в canvas?

Question

[Golickoff]

Всем привет.

Существует ли в js механизм, позволяющий раздвинуть изображение в canvas как на картинке ниже, где красным изображено заполнение, а чёрным — границы canvas?

Comments

[Сергей delphinpro]

Какие нафиг механизмы? Тупо рисуете две половины картинки в разных местах. Что может быть проще?

[Golickoff]

Вы не поняли, изображение уже сформировано. Это произошло до того, как стало известно по каким координатам его делить и смещать. И деление на 2 половины в примере -- это упрощение, а по факту нужно делить кривой линией на части неправильных геометрических форм.

Answer 1

[twobomb]

Накидал пример через getImageData, putImageData.
P.S. Если будете рендерить изображения, они должны быть на вашем домене чтобы не столкнуться с проблемой Access-Control-Allow-Origin

Answer 2

[forspamonly2]

нарисуйте две половины по очереди. у drawImage есть дополнительные параметры, котрые указывают которую часть картинки надо рисовать.