Можно ли средствами Canvas, фигурно обрезать изображение?

Question

[dpablo_escobarr]

представьте что эта картинка находится в канвасе. можно ли получить только часть изображения, которая находиться внутри данного ромба?
небольшое уточнение - без библиотек,если они существуют, незнаю

Comments

[RAX7]

https://developer.mozilla.org/en-US/docs/Web/API/C...

[dpablo_escobarr]

RAX7, хмм. интересно. спасибо

Answer 1

[dollar]

Конечно, можно.

Элегантность реализации зависит от конкретной задачи. Например, если нужно всего лишь скрыть часть за пределами контура и при этом контур всегда один и тот же, то можно вообще без канваса обойтись - просто сверху наложить картинку с прозрачностью в центре.

А если пользователь сам вырезает контур мышкой, то это уже какой-то графический online-редактор. Сложная задачка.

В крайнем случае всегда можно копировать попиксельно.