github/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-09-09 21:49:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

WIP

Browse Source
This commit is contained in:
Alejandro Alonso 2023-12-21 19:50:47 +01:00
parent b3871c8bfc
commit 5b8c8e93b2
1 changed files with 32 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
frontend/src/app/main/ui/workspace/viewport/sk_impl.js
View File

@ -125,22 +125,31 @@ class CanvasKit {
} }
let blur = null let blur = null
if (shape.blur) { if (shape.blur) {
const paintBlur = new this.CanvasKit.Paint();
blur = this.CanvasKit.ImageFilter.MakeBlur(shape.blur.value, shape.blur.value, this.CanvasKit.TileMode.Decal, null); blur = this.CanvasKit.ImageFilter.MakeBlur(shape.blur.value, shape.blur.value, this.CanvasKit.TileMode.Decal, null);
if (!shape.shadow) { if (!shape.shadow) {
const blurRect = this.CanvasKit.RRectXY( const blurRect = this.CanvasKit.RRectXY(
this.CanvasKit.LTRBRect(shape.x, shape.y, shape.x + shape.width, shape.y + shape.height), this.CanvasKit.LTRBRect(shape.x, shape.y, shape.x + shape.width, shape.y + shape.height),
rx, rx,
ry) ry)
paint.setImageFilter(blur) paintBlur.setImageFilter(blur)
canvas.drawRRect(blurRect, paint) canvas.drawRRect(blurRect, paintBlur)
paintBlur.delete()
} }
} }
if (shape.shadow) { if (shape.shadow && (shape.shadow.length > 0)) {
const paintShadow = new this.CanvasKit.Paint();
const [first] = shape.shadow const [first] = shape.shadow
const color = this.CanvasKit.parseColorString(first.color.color) const color = this.CanvasKit.parseColorString(first.color.color)
color[3] = first.color.opacity color[3] = first.color.opacity
const shadow = this.CanvasKit.ImageFilter.MakeDropShadow(first['offset-x'], first['offset-y'], first.blur, first.blur, color, blur); const shadow = this.CanvasKit.ImageFilter.MakeDropShadowOnly(first['offset-x'], first['offset-y'], first.blur, first.blur, color, blur);
paint.setImageFilter(shadow) const shadowRect = this.CanvasKit.RRectXY(
this.CanvasKit.LTRBRect(shape.x, shape.y, shape.x + shape.width, shape.y + shape.height),
rx,
ry)
paintShadow.setImageFilter(shadow)
canvas.drawRRect(shadowRect, paintShadow)
paintShadow.delete()
} }
paint.delete(); paint.delete();
} }
@ -185,17 +194,31 @@ class CanvasKit {
} }
let blur = null let blur = null
if (shape.blur) { if (shape.blur) {
const paintBlur = new this.CanvasKit.Paint();
blur = this.CanvasKit.ImageFilter.MakeBlur(shape.blur.value, shape.blur.value, this.CanvasKit.TileMode.Decal, null); blur = this.CanvasKit.ImageFilter.MakeBlur(shape.blur.value, shape.blur.value, this.CanvasKit.TileMode.Decal, null);
if (!shape.shadow) { if (!shape.shadow) {
paint.setImageFilter(blur) const blurRect = this.CanvasKit.RRectXY(
this.CanvasKit.LTRBRect(shape.x, shape.y, shape.x + shape.width, shape.y + shape.height),
0,
0)
paintBlur.setImageFilter(blur)
canvas.drawOval(blurRect, paintBlur)
paintBlur.delete()
} }
} }
if (shape.shadow) { if (shape.shadow && (shape.shadow.length > 0)) {
const paintShadow = new this.CanvasKit.Paint();
const [first] = shape.shadow const [first] = shape.shadow
const color = this.CanvasKit.parseColorString(first.color.color) const color = this.CanvasKit.parseColorString(first.color.color)
color[3] = first.color.opacity color[3] = first.color.opacity
const shadow = this.CanvasKit.ImageFilter.MakeDropShadow(first['offset-x'], first['offset-y'], first.blur, first.blur, color, blur); const shadow = this.CanvasKit.ImageFilter.MakeDropShadowOnly(first['offset-x'], first['offset-y'], first.blur, first.blur, color, blur);
paint.setImageFilter(shadow) const shadowRect = this.CanvasKit.RRectXY(
this.CanvasKit.LTRBRect(shape.x, shape.y, shape.x + shape.width, shape.y + shape.height),
0,
0)
paintShadow.setImageFilter(shadow)
canvas.drawOval(shadowRect, paintShadow)
paintShadow.delete()
} }
paint.delete(); paint.delete();
} }