V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
ffx0s
V2EX  ›  JavaScript

javascript 如何修改图片的 dpi

  •  
  •   ffx0s · 2017-03-20 16:56:40 +08:00 · 2687 次点击
    这是一个创建于 2801 天前的主题,其中的信息可能已经有所发展或是发生改变。

    canvas 生成的图片 dpi 不够大。

    5 条回复    2017-03-21 22:51:50 +08:00
    otakustay
        1
    otakustay  
       2017-03-21 17:53:07 +08:00
    canvas 本身是位图绘制的,所以 canvas 就这么大生成的图片也只能这么大,放大就会失真,你要高 dpi 的只能一开始就搞一个超大的 canvas 出来
    ffx0s
        2
    ffx0s  
    OP
       2017-03-21 18:13:55 +08:00
    @otakustay 在手机端 width*height 超过 16777216 就不行了。。
    ffx0s
        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
    otakustay
        4
    otakustay  
       2017-03-21 21:18:19 +08:00 via iPhone
    @ffx0s 一张 200x200 的 96dpi 的图片,变成 100x100 就是 132dpi 了,所以你要提高 dpi 就是在原有希望尺寸上把宽高放大,然后再显示到小的容器里去
    ffx0s
        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.