Download CK.wasm

Download canvaskit.js and wasm, see if the browser caches...

by David Iglesias

HTML

<button>
Inject JS
</button>

JavaScript

const ck = "https://unpkg.com/[email protected]/bin";
const url = `${ck}/canvaskit.js`;
const btn = document.querySelector('button');

btn.addEventListener('click', (_) => {
  if (btn.disabled) return;
  btn.disabled = true;
  console.time('ck');
  let script = document.createElement('script');
  script.src = url;
  script.addEventListener('load', (_) => {
    console.timeLog('ck');
    console.log('Injected canvaskit.js');

    const ckLoaded = CanvasKitInit({
      locateFile: (file) => `${ck}/${file}`
    }).then((CanvasKit) => {
      console.timeEnd('ck');
      console.log('Injected canvaskit.wasm');
      if (CanvasKit) {
				console.log('CanvasKit ready to go!');
      } else {
        console.error('CanvasKit is null :(');
      }
      btn.disabled = false;
    });
  });

  document.head.append(script);
});