如何将我到目前为止应用的变换应用于SVG图像对象（即连续缩放，拖动，旋转变换）并将它们应用到添加到页面的新SVG图像？
我想要读取转换的SVG元素，如下所示：
<svg height="598" version="1.1" width="462" xmlns="http://www.w3.org/2000/svg" style="overflow: hidden; position: relative;">
<desc style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">Created with Raphaël 2.1.2</desc>
<defs style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></defs>
<image x="139.26470588235293" y="180.5" width="226.47058823529412" height="150" preserveAspectRatio="none" xlink:href="./gallery/viewport/cmf_52a45ec2e13207277.jpg" transform="matrix(0.8877,0.4605,-0.4605,0.8877,146.0177,-87.5714)" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);" stroke-width="0.64"></image>
</svg>