У меня есть изображение, которое является фоном, содержащим область в штучной упаковке, как это:

Я знаю точное положение углов этой формы, и я хотел бы поместить другое изображение в это. (Так что, похоже, внутри коробки).

Мне известен метод drawImage для холста HTML5, но он поддерживает только параметры x, y, width, height, а не точные координаты. Как можно нарисовать изображение на холсте с определенным набором координат, и в идеале браузер должен обрабатывать растяжение изображения.