qq15725 / modern-screenshot

📸 Quickly generate image from DOM node using HTML5 canvas and SVG.
https://toolpkg.com/html-to-image
MIT License
608 stars 42 forks source link

生产的图片很模糊,如何调整呢 #31

Closed wenlc000 closed 1 year ago

wenlc000 commented 1 year ago

Steps To Reproduce

Playground for https://codesandbox.io

Playground for https://codepen.io

Playground for https://play.vuejs.org

Error Message & Stack Trace

```txt ```

Your Environment

qq15725 commented 1 year ago

浏览器 Canvas 只能导出 96 DPI 的图片

modern-screenshot 选项中提供了 scale 可以在 domToPngdomToJpeg 导出更高 DPI

import { domToPng } from 'modern-screenshot'

// DPI = 96 * 2
domToPng(dom, { scale: 2 })