您如何计算两个旋转的两个元素之间的x和y偏移，但具有不同的变换原点位置？

Question

我想知道，我们如何计算两个相同旋转的两个相等元素之间的x和y偏移，但具有不同的变换原点位置。

我创建了一个示例片段，以更好地说明问题。

有两个150x100 PX矩形，一个是在0％0％的变换起源位置旋转，而另一个则为50％50％。在特定旋转时计算这两个矩形之间的偏移的公式是什么？

.wrapper {
  position: relative;
  background: silver;
  margin: 150px;
  width: 150px;
  height: 100px;
}

.div-1, .div-2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 100px;
  border: 1px solid black;
  animation: rotate 30s linear infinite;
}
.div-1 {
  transform-origin: top left;
}
.div-2 {
  transform-origin: center center;
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}

<div class="wrapper">
  <div class="div-1"></div>
  <div class="div-2"></div>
</div>