Как уменьшить картинку и показать только определенную ее часть?

Question

[Isaac Clark]

Здравствуйте.
Приходит изображение, большого размера и приходят ширина и высота и координаты x / y.
Задача: показать в миниатюре(например 400px / 300px), только ту часть изображения, которая соответсвует ширине и высоте, а так же позициям x и y, которые приходят вместе с большим изображением.

Пытаюсь сделать с помощью background-position но что-то не то получается, может, кто подскажет варианты?
Например, приходят данные:
url изображения.
Координаты: left : 0, top: 0, width: 1000, height 400.
Это значит, что в миниатюре, размером 400px на 300px мне нужно отобразить ту часть картинки с большого изображения, которая соответствует данным left : 0, top: 0, width: 1000, height 400.

Answer 1

[RAX7]

Answer 2

[Шохрух Шаймардонов]

Answer 3

[Alams Stoyne]

Еще костыль на CSS


Но лучше использовать JS и Canvas

Answer 4

[Ankhena]

Да обычный bg position, если я правильно понимаю задачу.
https://jsfiddle.net/3hjmewgp/