How can I position the fill image in a path with RaphaelJS
===

I'm using RaphaelJS to mask an image using a Youtube thumbnail. But since the thumbnails have black border for the 16:9 ratio, it doesn't look perfect. So I want to offset the fill image for the path.
I got it working by changing the x and y position in the SVG node, but the I see that the loaded image is cropped at the bottom left.

My question is, is there an easier way to position a fill image in RaphaelJS and how can I avoid the cropping in the loaded image?