SVG在两个点上旋转一个对象

Question

我有以下问题：

在我的应用程序中，我可以定义一个图像容器。如果我旋转容器，容器内的图像也会旋转(当然(。但我也可以旋转容器内的图像。因此，图像将旋转两次：如果我旋转容器，第一次在图像容器的中心，如果我旋转图像，第二次在图像的中心。

有可能在SVG中处理这种情况吗？

谢谢并保持健康吕迪格。

Answer 1

旋转后的图像容器像这样剪辑包含的图像：

带图像的旋转图像容器

但在容器内，我也可以像这样旋转图像：

具有旋转图像的旋转图像容器

我希望这两张照片能更准确地解释这一点。容器内的图像不得以容器为中心！

Answer 2

可能是这样的：

<?xml version='1.0'?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" >
<defs>
<pattern id="pattern1" width="336.4" height="254.8" patternUnits="userSpaceOnUse">
<image x="20" y="20" width="326.4" height="244.8" xlink:href="http://bigdaddylin:8880/webdav/pools/image/ahires/52H.jpg" transform="rotate(4,173.2,132.4)" />
</pattern>
</defs>
<rect id="rect1" x="10" y="10" width="326.4" height="244.8" fill="url(#pattern1)" stroke-width="1" stroke="black" transform="rotate(4,168.2,127.4)" />
</svg>

rect-as-image容器和容器内的图像。图像容器旋转(图像也随容器旋转(，图像也将旋转