[Enesuygurs]

A RegularPolygon with a negative cornerRadius (a number or an entry of the per-corner array) throws while drawing:

const poly = new Konva.RegularPolygon({
  x: 100,
  y: 100,
  sides: 5,
  radius: 50,
  fill: 'green',
  cornerRadius: -10,
});
layer.add(poly);
layer.draw(); // IndexSizeError in browsers, "RangeError: Radius value must be positive" with skia-canvas

The error is thrown inside the layer draw, so any shapes after the polygon aren't drawn either, and the hit graph throws in the same way. Since the negative radius fix in 806dbec, Rect and Tag draw a negative cornerRadius as no rounding. RegularPolygon, however, goes through Util.drawRoundedPolygonPath(), which passes the negative value on to context.arcTo().

drawRoundedPolygonPath() now clamps each corner radius to 0 before scaling it, so a negative corner draws sharp, the same as 0.

The new test in RegularPolygon-test.ts draws polygons with cornerRadius: -10 and [-5, 10, -5, 10, -5] and compares them with 0 and [0, 10, 0, 10, 0]. Without the change it fails with RangeError: Radius value must be positive on skia, and the drawing differs on node-canvas. These all pass:

• npm run test:node:canvas (1285 passing)
• npm run test:node:skia (1288 passing)
• npm run test:types
• tsc --noEmit
• prettier

[lavrton]

THanks