mirror of
https://github.com/penpot/penpot.git
synced 2026-08-08 13:58:35 +00:00
11fc090bc4
* ♻️ Extract apply_clip_stack_to_surfaces helper Share the layered-path clip loop so the Current-surface direct path can reuse the same hard-clip stack without duplication. * ⚡ Expand direct shape painting onto Current Allow clip stacks, frames, non-identity transforms, and SrcOver opacity on the Current-surface fast path; skip empty non-masked groups. Avoids Fills/Strokes blits for common shapes. * ⚡ Skip empty drop-shadow blits; warm DropShadows once Early-out drop-shadow composite when a shape has no visible shadows, and touch DropShadows→Current once per tile instead of per shape to keep flush_and_submit cheap.
Penpot WASM render
This is the canvas-based WebAssembly render engine for Penpot.
Rust & Emscripten
This project is a Rust crate that targets Emscripten (wasm32-unknown-emscripten).
We use wasm32-unknown-emscripten compilation target:
- It compiles Rust code into WASM
- It generates the JavaScript code (“glue”) to load and run the WASM code
Skia
We use Skia, an Open Source 2D graphics library. In particular, the render engine uses Skia via custom binaries of the rust-skia crate.
How to build
With the Penpot Development Environment running, create a new tab in the tmux.
cd penpot/render-wasm
./build
You can also use ./watch to run the build on every change.
The build script will compile the project and copy the .js and .wasm files to their correct location within the frontend app.
Edit your local frontend/resources/public/js/config.js to add the following flags:
enable-feature-render-wasmto enable this render engine.enable-render-wasm-dpr(optional), to enable using the device pixel ratio.
How to test
We currently have two types of tests:
- Unit tests
cd penpot/render-wasm
./test