如何將jquery-UI滑塊與canvas rotation（）方法合並？

Question

我正在使用一個名為html2canvas的插件，該插件不支持CSS旋轉。 我希望用戶能夠使用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

畫布功能過於強大，無法僅用於顯示圖像。 您只需通過簡單的<img>標記即可完成操作。 我派生了您的jsFiddle並將畫布更改為僅圖像。 它會執行您想要的操作http://jsfiddle.net/tphwzq3g/我只是將$("#image")更改$("#goo")