javascript 如何修改图片的 dpi - V2EX

首页注册登录

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› D3.js

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

这是一个创建于 2801 天前的主题，其中的信息可能已经有所发展或是发生改变。

canvas 生成的图片 dpi 不够大。

5 条回复 • 2017-03-21 22:51:50 +08:00

1

otakustay

2017-03-21 17:53:07 +08:00

canvas 本身是位图绘制的，所以 canvas 就这么大生成的图片也只能这么大，放大就会失真，你要高 dpi 的只能一开始就搞一个超大的 canvas 出来

2

ffx0s

OP

2017-03-21 18:13:55 +08:00

@otakustay 在手机端 width*height 超过 16777216 就不行了。。

3

ffx0s

OP

2017-03-21 18:16:36 +08:00

@otakustay 官方文档说： The HTMLCanvasElement.toDataURL() method returns a data URI containing a representation of the image in the format specified by the type parameter (defaults to PNG). The returned image is in a resolution of 96 dpi.
就是无论 canvas 多大，下载的图片 dpi 都是 96

4

otakustay

2017-03-21 21:18:19 +08:00 via iPhone

@ffx0s 一张 200x200 的 96dpi 的图片，变成 100x100 就是 132dpi 了，所以你要提高 dpi 就是在原有希望尺寸上把宽高放大，然后再显示到小的容器里去

5

ffx0s

OP

2017-03-21 22:51:50 +08:00

@otakustay 感谢，显示是没问题。但是需要把图片下载然后打印出来。 dpi 太小，打印出来会模糊。通过其他工具把 dpi 调高了在打印就清晰了。。

关于 · 帮助文档 · 博客 · API · FAQ · 实用小工具 · 2554 人在线 最高记录 6679 ·

Select Language

创意工作者们的社区

World is powered by solitude

VERSION: 3.9.8.5 · 28ms · UTC 15:54 · PVG 23:54 · LAX 07:54 · JFK 10:54
Developed with CodeLauncher
♥ Do have faith in what you're doing.