From cd04a41d98669385358c638a9206d5d3f89d8947 Mon Sep 17 00:00:00 2001 From: Alejandro Alonso Date: Wed, 20 Dec 2023 15:09:28 +0100 Subject: [PATCH] WIP --- .../app/main/ui/workspace/viewport/sk_impl.js | 16 +++++++++++++++- 1 file changed, 15 insertions(+), 1 deletion(-) diff --git a/frontend/src/app/main/ui/workspace/viewport/sk_impl.js b/frontend/src/app/main/ui/workspace/viewport/sk_impl.js index 11acaa2884..8eff79e622 100644 --- a/frontend/src/app/main/ui/workspace/viewport/sk_impl.js +++ b/frontend/src/app/main/ui/workspace/viewport/sk_impl.js @@ -38,13 +38,27 @@ clear() { paint.setStyle(self.CanvasKit.PaintStyle.Fill); const color = self.CanvasKit.parseColorString(fill["fill-color"]); const opacity = fill["fill-opacity"] - console.log("color", fill["fill-color"], fill["fill-opacity"]) + console.log("fill color", fill["fill-color"], fill["fill-opacity"]) color[3] = opacity paint.setColor(color); const rr = self.CanvasKit.RRectXY(self.CanvasKit.LTRBRect(shape.x, shape.y, shape.x + shape.width, shape.y + shape.height), 0, 0); canvas.drawRRect(rr, paint); } } + // Drawing strokes + if (shape.strokes) { + for (const stroke of shape.strokes.reverse()) { + paint.setStyle(self.CanvasKit.PaintStyle.Stroke); + const color = self.CanvasKit.parseColorString(stroke["stroke-color"]); + const opacity = stroke["stroke-opacity"] + paint.setStrokeWidth(stroke["stroke-width"]); + console.log("stroke color", stroke, stroke["stroke-color"], stroke["stroke-opacity"]) + color[3] = opacity + paint.setColor(color); + const rr = self.CanvasKit.RRectXY(self.CanvasKit.LTRBRect(shape.x, shape.y, shape.x + shape.width, shape.y + shape.height), 0, 0); + canvas.drawRRect(rr, paint); + } + } paint.delete(); }