html调节器,HTML5 温度调节器（圆形旋钮）

JavaScript

语言：

JaveScriptBabelCoffeeScript

确定

var canvas;

var ctx;

var temperature = 20;

window.addEventListener('load', onLoad);

window.addEventListener('mousemove', function(e) {

var bounding = canvas.getBoundingClientRect();

mouseX = e.pageX - bounding.left;

mouseY = e.pageY - bounding.top;

});

window.addEventListener('touchmove', function(e) {

mouseX = e.touches[0].clientX;

mouseY = e.touches[0].clientY;

e.preventDefault();

});

function onLoad() {

canvas = document.querySelector(".knob-canvas");

ctx = canvas.getContext("2d");

//setInterval(draw, 50);

draw();

}

var mouseX = 0;

var mouseY = 0;

var r = 140;<