Hello, I am creating a barometer that has an interactive needle for the user to adjust. I used the draggable type rotation to set it to spin, however when I tried putting in the bounds, (bounds:{minRotation:0, maxRotation:90}), it is not recognizing the bounds at all. Also, when I have tried to get the info on where the needle's last rotation degree lands (onDragEnd:function() { console.log(this.rotation);}), the console logs it as undefined. Any clues why this is not being applied? Thanks, ErinD
function init()
{
console.log("yeash!!!!");
needleImg= document.getElementById("bNeedle");
barometerImg=document.getElementById("barometer");
smallForm=document.getElementById("groupThis");
//console.log(needleImg);
TweenMax.to(needleImg, 3, {css:{rotation:145, transformOrigin:"193px 47px"},ease:Elastic.easeOut});
Draggable.create(needleImg,
{
type:"rotation",
throwProps:true,
onDragEnd:function() { console.log(this.rotation);},
bounds:{minRotation:0, maxRotation:90}
});
}