如何显示更“缩小”的背景图像

Question

因此我设计了一个相框设计师，如果感兴趣，可以找here。它是使用SVG构建的。在它上面我有这样的结果，当在框架编辑器上单击一个图案时，框架的视觉表示中的文本将改变，使得它的背景与所选择的背景相同。然而，这些模式似乎有点放大了＃34;。我希望它显示类似this的内容。以下是一些可能有用的代码。

<text class="text" transform="matrix(2.4428 0 0 1.5 624.6 550.5599)" font-family="'ComicSansMS'" font-size="41.6368">Your words here</text>

    $("#pattern1").click (function() {
    $('.text').css('-webkit-background-size', 'cover');
    $('.text').css('background-size', 'cover');
    $('.text').css('-moz-background-size', 'cover');
    $('.text').css('-o-background-size', 'cover');
    $('.text').css('fill', 'url(#patt1)');
});