修改html2canvas生成图片的dpi

今天做的项目需要把生成的图片打印出来，设计说生成的图片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的了。

修改html2canvas生成图片的dpi相关推荐

前端使用html2canvas生成图片
项目场景是完成测评试题,生成学生测评报告,部署在移动端H5页面, 本文记录vue中使用html2canvas生成图片. html2canvas官方网站 1基础使用 1.1 安装html2canvas ...
html2canvas 生成图片以及出现白边问题解决办法生成海报
html2canvas 生成图片以及出现白边问题解决办法: 我在写demo的时候,pc端调试正常,但是到了移动端图片底部就会出现一条白边,我的解决办法就是:backgroundColor: &qu ...
前端使用html2canvas生成图片踩坑
前端使用html2canvas生成图片经验总结前言主要是总结一下html2canvas生成图片的基础用法,以及自己在使用html2canvas过程中踩过的坑和相应的解决思路背景近段时间接手一个 ...
QRCode 转二维码，html2canvas生成图片海报
项目场景: 使用QRCode,html2canvas技术 QRCode 转二维码,html2canvas生成图片海报并分享到微信和朋友圈和保存图片 1.安装QRCode (1)安装 npm i qrc ...
Vue脚手架html2canvas生成图片
下载插件 npm install html2canvas@1.0.0-rc.4 --save 页面引入 import html2canvas from "html2canvas" ...
html2canvas生成图片空白或缺失问题解决
最近接到反馈,先前做的一个小工具会出现一些bug 主要原理是根据用户填写的内容生成一个隐藏起来的节点,并把这个节点截取生成图片下载下来: 首先把这个节点显示出来发现节点是正常的那么问题就出现在获取节 ...
python批量修改图片的分辨率dpi值
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一.必备条件二.完整代码总结前言很多论文和期刊,对文中插入图片的格式.色彩.图片大小.分辨率(dpi值)都有要 ...
使用 html2canvas 生成图片
1.Html2Canvas 概述 html2canvas允许您直接在用户浏览器上对网页或其部分进行"截图".屏幕截图基于 DOM,因此可能不是 100% 准确到真实表示,因为它不会 ...
手机dpi修改工具_手机dpi修改器app下载-手机dpi修改工具官方版 v1.0_5577安卓网
手机dpi修改器app下载,这是一款能调节手机dpi的辅助软件,软件设置步骤十分简单,无须root就能调节dpi参数,玩家可以针对不同的游戏选用不同的dpi,这样就能快速找到最佳的手感,欢迎下载! [ ...

修改html2canvas生成图片的dpi

修改html2canvas生成图片的dpi相关推荐

最新文章

热门文章