0.0.2 • Published 5 years ago
png-chunk-phys v0.0.2
png-chunk-pHYs
Reader/Writer for png image's pHYs chunk on browsers.
Installation
$ npm install png-chunk-phys
Usage
Reader
Detect width, height and DPI for PNG image.
const res = await fetch(srcUrl, {mode: 'cors'})
const arrayBuffer = await res.arrayBuffer()
const {width, height, dpi} = parsePngFormat(arrayBuffer)
Writer
Write DPI for PNG image. See also demo/src/index.js.
const newByteArray = writePngDpi(arrayBuffer, window.devicePixelRatio * 72)
const img = document.querySelector('img')
img.src = convertToDataURI(newByteArray)
Demo
$ npm run start