Add CanvasKit web engine spike + W0 findings (recipes-web)

This commit is contained in:
2026-09-17 16:58:29 +07:00
parent cef3ddb307
commit 8b4c4aa591
16 changed files with 2207 additions and 81 deletions
+14
View File
@@ -0,0 +1,14 @@
import CanvasKitInit from 'canvaskit-wasm';
const CK = await CanvasKitInit();
const has = (o, k) => typeof o?.[k];
console.log('CK version', CK.version ?? '?');
console.log('ImageFilter keys:', Object.keys(CK.ImageFilter).join(','));
console.log('ColorFilter keys:', Object.keys(CK.ColorFilter).join(','));
console.log('Shader keys:', Object.keys(CK.Shader).join(','));
console.log('Typeface keys:', Object.keys(CK.Typeface).join(','));
console.log('Surface keys:', Object.keys(CK.Surface).join(','));
console.log('RuntimeEffect keys:', Object.keys(CK.RuntimeEffect).join(','));
console.log('Paint proto keys:', Object.getOwnPropertyNames(CK.Paint.prototype).join(','));
console.log('Canvas draw*:', Object.getOwnPropertyNames(CK.Canvas.prototype).filter(n=>n.startsWith('draw')).join(','));
console.log('hasImageFilter', has(CK,'ImageFilter'), 'hasX', has(CK,'XYWHRect'), 'hasColor', has(CK,'Color'));
console.log('MakeBlur', has(CK.ImageFilter,'MakeBlur'), 'MakeCompose', has(CK.ImageFilter,'MakeCompose'), 'MakeMatrixConvolution', has(CK.ImageFilter,'MakeMatrixConvolution'));