Вам не нужно никакого преобразования, просто используйте изображение (либо новое по url, либо любое в DOM) по
canvas.drawImage(image, dx, dy)
canvas.drawImage(image, dx, dy, dw, dh)
canvas.drawImage(image, sx, sy, sw, sh, dx, dy, dw, dh)
(взято из здесь).
Смотрите учебник на developer.mozilla.org.