Image drawBlurhash.ts

0% Statements 0/13

0% Branches 0/1

0% Functions 0/1

0% Lines 0/13

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14  
 
 
 
 
 
 
 
 
 
 
 
 
  import { decodeBlurHash } from "fast-blurhash";

// The canvas should be sized to the expected rendering sized of the blurhash _before_ this function
// is called
export default (canvas: HTMLCanvasElement, blurhash: string) => {
  const { width, height } = canvas;
  const pixels = decodeBlurHash(blurhash, width, height);
  const ctx = canvas.getContext("2d");
  if (!ctx) return;
  const imageData = ctx.createImageData(width, height);
  imageData.data.set(pixels);
  ctx.putImageData(imageData, 0, 0);
};