今天做的项目需要把生成的图片打印出来,设计说生成的图片dpi不够,用html2canvas的scale参数怎么改dpi都是72,修改scale图片的像素会变大,图片是清晰了,但是不知道满不满足打印需求,后来找到一个库,可以修改dpi。
库:changedpi
使用方法:
npm install changedpi --save
引入:
import * as changedpi from 'changedpi'
使用:
// self.sharePic用于存储图片的base64代码
self.sharePic = canvas.toDataURL('image/png')
self.sharePic = changedpi.changeDpiDataUrl(self.sharePic, 300)
生成图片已经是300dpi的了。