Хром тридцатый на винде - работает (цвет меняется на середине)
<!DOCTYPE HTML>
<html>
<head>
<link rel='stylesheet' type='text/css' href='http://ru.lookatcode.com/show/5083176863845438/default.css'>
<script src="http://ru.lookatcode.com/show/5083176863845438/picker.js"></script>
</head>
<body>
<div id='picker-contain' class='picker-contain'>
</div>
<script>
var cont = document.getElementById('picker-contain');
var picker = new Picker(cont, {
backColor: 'green',
canvas: {
picker: {
width:300,
height:300
},
tone: {
width:30,
height:300
},
dot: {
width: 8,
height:8
}
}
});
picker.on('changedColor', function(params) {
//console.log(params.color);
});
picker.on('DotMove', function (coords) {
if (coords.y > 150) {
setTimeout(function(){
this.style.borderColor = 'white';
}.bind(this), 0);
}
else {
setTimeout(function(){
this.style.borderColor = 'black';
}.bind(this), 0);
}
});
</script>
</body>
</html>
Кстати при скролле координаты смещаются. И в хроме каретка вместо стрелочки при перетаскивании (фиксится через preventDefault() по mousedown)