【问题标题】:how to move background when corner rotation?角旋转时如何移动背景?
【发布时间】:2021-09-05 18:45:02
【问题描述】:

如何在旋转另一张图片时将背景图片移动为角

旋转:

 $('#ship').css({
            transform: 'rotate(' + corner + 'deg)'
        });

}

移动背景:

starx[i]=starx[i]+...

stary[i]=stary[i]+..

【问题讨论】:

  • 如果你只想移动背景图像,那么应该使用背景位置道具变换移动的while元素而不是变换道具,而背景位置只移动背景图像!见MDN Docs
  • 我的背景是画布上的星星

标签: javascript background rotation


【解决方案1】:

你可以使用 transform-origin For you Refreance

https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin

【讨论】:

  • 船的图像有变形但背景没有移动