<div dir="ltr"><br><div>Hi everyone,</div><div><br></div><div>New to the list, new to Cuis (just downloaded it today).</div><div><br></div><div>I'm designing some gauges for an ultralight plane that will run on a Raspberry Pi 4 with a 10" LCD panel. Right now, this is what I have:</div><div><br></div><div><img src="cid:ii_let82dls0" alt="Cuis-Gauges.png" width="542" height="326"><br></div><div><br></div><div>I love the anti-aliasing, vector-based properly scalable graphics!</div><div><br></div><div>The part that I'm not happy with is the green, yellow and red indicator bands on the airspeed gauge. They look nice, but I'm drawing them by drawing a sequence of filled polygons.</div><div><br></div><div>The code looks like this:</div><div><br></div><div>drawShadeFrom: startSpeed to: endSpeed color: color on: aCanvas<br>  | ratio |</div><div>  ratio := self angleToValueRatio.</div><div>  aCanvas strokeWidth: 1 color: color fillColor: color do: [<br>    startSpeed to: endSpeed - 2 do:[:each |<br>      | startAngle endAngle |<br>      startAngle := (90 - (each * ratio)) degreesToRadians.</div><div>      endAngle := (90 - ((each + 2) * ratio) degreesToRadians.</div><div>      aCanvas<br>        moveTo: (Point rho: 85 theta: startAngle);<br>        lineTo: (Point rho: 95 theta: startAngle);<br>        lineTo: (Point rho: 95 theta: endAngle);<br>        lineTo: (Point rho: 85 theta: endAngle);<br>        lineTo: (Point rho: 85 theta: startAngle)]].<br></div><div><br></div><div>I tried using the #arcTo: method, but I just couldn't get it to work at all (not to mention the line ends of the arc are round, which doesn't work here anyways).</div><div><br></div><div>Is there a more reasonable way to do this?</div><div><br></div><div>Thanks,</div><div>Jon</div><div><br></div></div>