You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
46 lines
1.7 KiB
46 lines
1.7 KiB
4 years ago
|
$(function () {
|
||
|
|
$('.knob').knob({
|
||
|
|
draw: function () {
|
||
|
|
// "tron" case
|
||
|
|
if (this.$.data('skin') == 'tron') {
|
||
|
|
|
||
|
|
var a = this.angle(this.cv) // Angle
|
||
|
|
, sa = this.startAngle // Previous start angle
|
||
|
|
, sat = this.startAngle // Start angle
|
||
|
|
, ea // Previous end angle
|
||
|
|
, eat = sat + a // End angle
|
||
|
|
, r = true;
|
||
|
|
|
||
|
|
this.g.lineWidth = this.lineWidth;
|
||
|
|
|
||
|
|
this.o.cursor
|
||
|
|
&& (sat = eat - 0.3)
|
||
|
|
&& (eat = eat + 0.3);
|
||
|
|
|
||
|
|
if (this.o.displayPrevious) {
|
||
|
|
ea = this.startAngle + this.angle(this.value);
|
||
|
|
this.o.cursor
|
||
|
|
&& (sa = ea - 0.3)
|
||
|
|
&& (ea = ea + 0.3);
|
||
|
|
this.g.beginPath();
|
||
|
|
this.g.strokeStyle = this.previousColor;
|
||
|
|
this.g.arc(this.xy, this.xy, this.radius - this.lineWidth, sa, ea, false);
|
||
|
|
this.g.stroke();
|
||
|
|
}
|
||
|
|
|
||
|
|
this.g.beginPath();
|
||
|
|
this.g.strokeStyle = r ? this.o.fgColor : this.fgColor;
|
||
|
|
this.g.arc(this.xy, this.xy, this.radius - this.lineWidth, sat, eat, false);
|
||
|
|
this.g.stroke();
|
||
|
|
|
||
|
|
this.g.lineWidth = 2;
|
||
|
|
this.g.beginPath();
|
||
|
|
this.g.strokeStyle = this.o.fgColor;
|
||
|
|
this.g.arc(this.xy, this.xy, this.radius - this.lineWidth + 1 + this.lineWidth * 2 / 3, 0, 2 * Math.PI, false);
|
||
|
|
this.g.stroke();
|
||
|
|
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|