Question

我有一个矩形div放置在左上200px宽和100％高。我想把一个图像放在这个div中，但是图像是横向的（w：1024 h：200）我认为没有问题只是旋转它，我可以做但我无法定位它。所以在这里需要一些帮助定位左上角！

$('.header_rotate').css({                              
transform: 'rotate('+ -90 +'deg)',                                                                                    
backgroundColor: 'green',
height: '100%',
width: '200'                      
})

<div class="header">
  <div class="header_rotate">
      <img id="logo" src="img/Logo_Design_2048x410.png" />
  </div>
 </div>

JsFiddel

Answer 1

使用transform：rotate（90deg），您可以添加translateX和translateY以使其恰到好处。

$('.header_rotate').css({

  transform: 'translateX(-130px) translateY(200px) rotate(90deg)',
  backgroundColor: 'green',
  height: '200',
  width: '600',
});

这是小提琴：

http://jsfiddle.net/dRvy8/2/

jquery围绕x轴旋转矩形

1 个答案: