如何计算缩放值以适合CSS3中父级内的旋转元素

Question

我们如何计算在其父元素（div）中拟合旋转元素（img）所需的缩放值。寻找适用于任何旋转值的代码。

<style>
img{
transform: rotate(20deg);
}
</style>

<div>
  <img src="image.jpg" />
</div>

<script>
//open to JS solution
</script>