Question

我正在使用名为html2canvas的插件，该插件不支持css rotate。我希望用户能够使用jQuery UI滑块旋转图像。我是编程的新手，我不知道如何做到这一点。这是我到目前为止的情况？ http://jsfiddle.net/davadi/3d3wbpt7/3/

`

$("#slider").slider({
  value: 0,
  max: 360,
  min: 0,
  slide: function(event, ui) {
      $("#image").css({
      '-webkit-transform': 'rotateZ(' + ui.value + 'deg)',
      '-moz-transform': 'rotateZ(' + ui.value + 'deg)',
      '-o-transform': 'rotateZ(' + ui.value + 'deg)',
      'transform': 'rotateZ(' + ui.value + 'deg)',
    })}});

`

Answer 1

Canvas过于耗电而无法仅用于显示图像。您想要做的只需要一个简单的$(document.body).on(...标记即可。我分叉了你的jsFiddle并将画布改成了一个图像。它做你想做的事 http://jsfiddle.net/tphwzq3g/我只是将<img>更改为$("#image")

如何将jquery-UI滑块与canvas rotate（）方法合并？

1 个答案: