Как слить слайдер jquery-UI с методом поворота холста()?

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

Canvas слишком над питанием будет использоваться только для отображения изображений. То, что вы хотите сделать, может быть сделано простым тегом <img>. Я разветвил ваш jsFiddle и изменил холст на просто изображение. Он делает то, что вы хотите, чтобы это сделать http://jsfiddle.net/tphwzq3g/ я просто изменил $("#image") на $("#goo")