Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-02-01 20:09:04 -05:00
Code Issues Activity

WIP

Browse source
This commit is contained in:
Alejandro Alonso 2023-12-20 15:01:58 +01:00
parent 721d9ee399
commit 66aa5fd01f
2 changed files with 12 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
frontend/src/app/main/ui/workspace/viewport/sk.cljs
View file

@ -30,7 +30,8 @@
(println "init vbox" vbox)
(-> (.initialize impl/CanvasKit "skia-canvas" vbox)
(.then (fn [k]
(reset! canvas-kit k)))))))
(reset! canvas-kit k)
#_(.clear ^js k)))))))
[:canvas {:id "skia-canvas"
:class (stl/css :canvas)

23
frontend/src/app/main/ui/workspace/viewport/sk_impl.js
View file

@ -16,6 +16,15 @@ class CanvasKit {
this.vbox = vbox;
}
clear() {
const surface = this.CanvasKit.MakeCanvasSurface(this.canvasId)
function draw(canvas) {
canvas.clear(CanvasKit.TRANSPARENT);
}
surface.drawOnce(draw);
}
paintRect(shape) {
const surface = this.CanvasKit.MakeCanvasSurface(this.canvasId)
@ -29,6 +38,7 @@ class CanvasKit {
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"])
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);
@ -178,16 +188,3 @@ export function path(CanvasKit, canvasId, x, y, content, kk1, kk2, kk3) {
// }
export function clear(CanvasKit, canvasId) {
surface = CanvasKit.MakeCanvasSurface(canvasId)
function draw(canvas) {
// canvas.clear(CanvasKit.WHITE);
canvas.translate(400, 400);
}
surface.drawOnce(draw);
}