mirror of
https://github.com/GoogleChromeLabs/squoosh.git
synced 2025-11-15 10:09:45 +00:00
a6477b82fc
# Conflicts: # codecs/cpp.Dockerfile # codecs/imagequant/example.html # codecs/webp/dec/webp_dec.d.ts # codecs/webp/dec/webp_dec.js # codecs/webp/dec/webp_dec.wasm # codecs/webp/enc/webp_enc.d.ts # codecs/webp/enc/webp_enc.js # codecs/webp/enc/webp_enc.wasm # package-lock.json # package.json # src/codecs/tiny.webp # src_old/codecs/encoders.ts # src_old/codecs/processor-worker/tiny.avif # src_old/codecs/processor-worker/tiny.webp # src_old/codecs/tiny.webp # src_old/components/compress/index.tsx # src_old/lib/util.ts # src_old/sw/util.ts
25 lines
684 B
HTML
25 lines
684 B
HTML
<!DOCTYPE html>
|
|
<script type="module">
|
|
import webp_dec from './webp_dec.js';
|
|
|
|
async function loadFile(src) {
|
|
const resp = await fetch(src);
|
|
return await resp.arrayBuffer();
|
|
}
|
|
|
|
async function main() {
|
|
const module = await webp_dec();
|
|
console.log('Version:', module.version().toString(16));
|
|
const image = await loadFile('../../example.webp');
|
|
const imageData = module.decode(image);
|
|
const canvas = document.createElement('canvas');
|
|
canvas.width = imageData.width;
|
|
canvas.height = imageData.height;
|
|
document.body.appendChild(canvas);
|
|
const ctx = canvas.getContext('2d');
|
|
ctx.putImageData(imageData, 0, 0);
|
|
}
|
|
|
|
main();
|
|
</script>
|