47 lines · 1.5 KB · JavaScript
RawDownload
export async function pngChunks(blob) {  const uint8arr = new Uint8Array(await blob.arrayBuffer());  const chunks = [];  if (uint8arr.length < 12) return chunks;  const view = new DataView(uint8arr.buffer);  if (view.getBigUint64(0) !== 9894494448401390090n) return chunks;   const decoder = new TextDecoder();  let index = 8;  while (index < uint8arr.length) {    const len = view.getUint32(index);    chunks.push({      name: decoder.decode(uint8arr.slice(index + 4, index + 8)),      data: uint8arr.slice(index + 8, index + 8 + len),    });    index += len + 12;  }   return chunks;} // decode a image and try to obtain width and dppx. If will never throw but instead// return default values.export async function imageInfo(blob) {  let width = 0; // 0 means no width could be determined  let dppx = 1; // 1 dot per pixel for non-HiDPI screens   if (blob.type === 'image/png') { // only png is supported currently    try {      for (const {name, data} of await pngChunks(blob)) {        const view = new DataView(data.buffer);        if (name === 'IHDR' && data?.length) {          // extract width from mandatory IHDR chunk          width = view.getUint32(0);        } else if (name === 'pHYs' && data?.length) {          // extract dppx from optional pHYs chunk, assuming pixels are square          const unit = view.getUint8(8);          if (unit === 1) {            dppx = Math.round(view.getUint32(0) / 39.3701) / 72; // meter to inch to dppx          }        }      }    } catch {}  }   return {width, dppx};}