› Forums › CoolClock Pro › Rounded Hour Hand › Reply To: Rounded Hour Hand
20 March 2017 at 19:35
#8096
Rolf
Keymaster
OK, assuming you do not need an outer border, and the hands may still start in the center, and you do not need a seconds hand, we can now use the secondhand decoration for the minute hand inner rounded tip.
This makes room to use different colors for the hour and minute hands.
Here is an example (add a second clock widget to compare the two) with colors orange and green:
outerBorder: { lineWidth: 2, radius: 5, fillColor: "orange", color: "orange", alpha: 1 },
hourHand: { lineWidth: 12, startAt: 0, endAt: 60, color: "orange", alpha: 1 },
hourDecoration: { lineWidth: 2, startAt: 60, radius: 5, fillColor: "orange", color: "orange", alpha: 1 },
minuteHand: { lineWidth: 8, startAt: 0, endAt: 80, color: "green", alpha: 1 },
minDecoration: { lineWidth: 2, startAt: 80, radius: 3, fillColor: "green", color: "green", alpha: 1 },
secondDecoration: { lineWidth: 2, startAt: 0, radius: 3, fillColor: "green", color: "green", alpha: 1 }