github/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-07-23 14:38:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

⚡ encode transition snapshot as webp

Browse Source
This commit is contained in:
Elena Torro 2026-06-10 15:51:52 +02:00
parent 69581755b4
commit 6622a4e9d4
1 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/app/render_wasm/api/webgl.cljs
View File

@ -134,8 +134,16 @@ void main() {
(.bindTexture ^js gl (.-TEXTURE_2D ^js gl) nil)
(.deleteTexture ^js gl texture))))
;; Codec for the transition snapshot. The snapshot is only ever shown as a
;; heavily-blurred overlay (see TRANSITION_BLUR_RADIUS), so a lossy, alpha-capable
;; codec is fine and encodes much faster than lossless PNG -- on a full-viewport
;; canvas, PNG `toBlob` of millions of pixels costs ~1s+ on the main thread.
;; WebP keeps the alpha channel (unlike JPEG) and encodes in a fraction of that.
(def ^:private SNAPSHOT_MIME "image/webp")
(def ^:private SNAPSHOT_QUALITY 0.6)
(defn capture-canvas-snapshot-url
"Captures the current viewport canvas as a PNG `blob:` URL and stores it in
"Captures the current viewport canvas as a WebP `blob:` URL and stores it in
`wasm/canvas-snapshot-url`.
Returns a promise resolving to the URL string (or nil)."
@ -155,7 +163,8 @@ void main() {
(set! wasm/canvas-snapshot-url url)
(resolve url))
(resolve nil)))
"image/png")))
SNAPSHOT_MIME
SNAPSHOT_QUALITY)))
(p/resolved nil)))
(defn draw-thumbnail-to-canvas