canvaskit-wasm 0.39
build 2026-04-29
Color
Color is a Float32Array of four floats: [r, g, b, a]. Each channel is in [0, 1]. Build with CK.Color(r, g, b, a) (channels in 0–255 except alpha which is 0–1) or CK.Color4f(r, g, b, a) (channels all in 0–1).
const red = CK.Color(220, 60, 60, 1); // 0–255 r/g/b, 0–1 a
const green = CK.Color4f(0.2, 0.8, 0.4, 1); // all 0–1
const semi = CK.Color(40, 90, 180, 0.4); // alpha 0–1, partial transparency
const paint = new CK.Paint();
paint.setAntiAlias(true);
canvas.clear(CK.WHITE);
paint.setColor(red); canvas.drawCircle( 90, 128, 60, paint);
paint.setColor(green); canvas.drawCircle(210, 128, 60, paint);
paint.setColor(semi); canvas.drawCircle(330, 128, 60, paint);
surface.flush();
paint.delete();Constants
CK.WHITE, CK.BLACK, CK.RED, CK.GREEN, CK.BLUE, CK.YELLOW, CK.CYAN, CK.MAGENTA, CK.TRANSPARENT are pre-built Colors on the namespace. Use them when you'd otherwise type CK.Color(255, 255, 255, 1).
Parsing CSS strings
CK.parseColorString(text, colorMap?) accepts '#rgb', '#rrggbb', '#rrggbbaa', 'rgb(...)', 'rgba(...)', plus optional named-color lookup through your own colorMap. Useful when reading colors from a config or a stylesheet.
const c = CK.parseColorString('#ff8800');
// → Float32Array of [1, 0.533, 0, 1]