画布图像从桌面到移动设备的像素大小不同

来自

嘿,所以我创建了这个站点:http : //dst.dstealth.com 来帮助使用 html2canvas 从 HTML div 元素自动生成 png 图像。我的 html2canvas 初始化为静态宽度 n 高度。

现在,当我在 chrome 等桌面浏览器上使用该网站时,它会以 876 x 434 像素的大小生成并保存图像,这是我想要的输出。

但是当我在我的 Android chrome 浏览器上做同样的事情时,它会生成一个超过 2000 x 2000 像素的图像。

我认为设置视口元会有所帮助,但这反而让我的桌面浏览器开始以稍大的分辨率保存图像,所以我现在已经在我的代码中注释掉了。

任何人都可以帮助我了解这里发生的事情以及我如何确保生成的图像始终为 876 x 434?

三角形

根据 html2canvas 文档,您需要将 scale 属性设置为 1,以便它不使用 devicePixelRatio:html2canvas.hertzen.com/configuration

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

画布图像与画布或原始图像的大小不同

来自分类Dev

根据用户是移动设备还是桌面设备显示不同的标题图像?(Wordpress,“TwentySeventeen”)

来自分类Dev

为桌面使用 1 个内部图像,为移动设备使用不同的内部图像?

来自分类Dev

CSS:无论移动设备的DPI大小如何,使div的高度都精确到300像素?

来自分类Dev

CSS:无论移动设备的DPI大小如何,使div的高度都精确到300像素?

来自分类Dev

从Ubuntu桌面到移动设备的屏幕共享

来自分类Dev

不同设备中的图像大小

来自分类Dev

如何在移动和桌面设备上缩放画布

来自分类Dev

Wordpress 博客视图,在移动设备中与普通桌面设备不同

来自分类Dev

Shopify 页面在移动设备上的显示方式与桌面设备不同

来自分类Dev

在移动设备上调整图像大小

来自分类Dev

精确的横幅图像大小,适用于不同设备的移动响应

来自分类Dev

图像上传,调整大小和编码到base64会使Chrome在移动设备上崩溃

来自分类Dev

为移动设备提供不同的图像集

来自分类Dev

Chrome 桌面和真实移动设备上的不同 Glyphicon

来自分类Dev

桌面和移动设备的 Flex 框宽度不同

来自分类Dev

跨设备的像素大小

来自分类Dev

如何创建从移动设备到桌面网站的重定向?

来自分类Dev

将网站重定向到移动网站以及从移动设备重定向到桌面?

来自分类Dev

将网站重定向到移动网站以及从移动设备重定向到桌面?

来自分类Dev

像素密度不同的HTML画布

来自分类Dev

为移动设备调整标题图像的大小

来自分类Dev

HTML / CSS:表格字体大小在移动设备中不同

来自分类Dev

bootstrap3移动设备和屏幕的按钮大小不同

来自分类Dev

移动设备和桌面设备上同一个div的样式不同

来自分类Dev

调整画布图像的大小

来自分类Dev

调整画布图像的大小

来自分类Dev

sass:如何仅为移动设备渲染不同的图像

来自分类Dev

移动设备的背景大小

Related 相关文章

  1. 1

    画布图像与画布或原始图像的大小不同

  2. 2

    根据用户是移动设备还是桌面设备显示不同的标题图像?(Wordpress,“TwentySeventeen”)

  3. 3

    为桌面使用 1 个内部图像,为移动设备使用不同的内部图像?

  4. 4

    CSS:无论移动设备的DPI大小如何,使div的高度都精确到300像素?

  5. 5

    CSS:无论移动设备的DPI大小如何,使div的高度都精确到300像素?

  6. 6

    从Ubuntu桌面到移动设备的屏幕共享

  7. 7

    不同设备中的图像大小

  8. 8

    如何在移动和桌面设备上缩放画布

  9. 9

    Wordpress 博客视图,在移动设备中与普通桌面设备不同

  10. 10

    Shopify 页面在移动设备上的显示方式与桌面设备不同

  11. 11

    在移动设备上调整图像大小

  12. 12

    精确的横幅图像大小,适用于不同设备的移动响应

  13. 13

    图像上传,调整大小和编码到base64会使Chrome在移动设备上崩溃

  14. 14

    为移动设备提供不同的图像集

  15. 15

    Chrome 桌面和真实移动设备上的不同 Glyphicon

  16. 16

    桌面和移动设备的 Flex 框宽度不同

  17. 17

    跨设备的像素大小

  18. 18

    如何创建从移动设备到桌面网站的重定向?

  19. 19

    将网站重定向到移动网站以及从移动设备重定向到桌面?

  20. 20

    将网站重定向到移动网站以及从移动设备重定向到桌面?

  21. 21

    像素密度不同的HTML画布

  22. 22

    为移动设备调整标题图像的大小

  23. 23

    HTML / CSS:表格字体大小在移动设备中不同

  24. 24

    bootstrap3移动设备和屏幕的按钮大小不同

  25. 25

    移动设备和桌面设备上同一个div的样式不同

  26. 26

    调整画布图像的大小

  27. 27

    调整画布图像的大小

  28. 28

    sass:如何仅为移动设备渲染不同的图像

  29. 29

    移动设备的背景大小

热门标签

归档