HTML5 CANVAS draw image

Вот мой вопрос

Я как бы не понимаю, что такое sx и sy в функции ниже

context.drawImage (Image, sx, sy, sw, sh, dx, dy, dw, dh);

на самом деле я имею в виду, если мы изменим значения sx и sy и установим для наших dx и dy фиксированное значение, скажем, dx = 0 и dy = 0, действительно ли будет что-то отличаться от нашего изображения на холсте, когда мы установим sx = 300 и sy = 300 по сравнению с sx = 0 и sy = 0? Я имею в виду, что конечное изображение все еще находится в месте dx = dy = 0, даже если мы установили sx и sy на разные значения, верно? Я знаю, что это глупый вопрос, но мне просто нужно знать ответ, спасибо!