canvas - 在元视口(viewport)标签中设置宽度以匹配 Canvas 元素的宽度?

标签 canvas html5-canvas meta-tags viewport meta

我有一个宽度为 512 像素的 Canvas 元素,我想将移动设备的视口(viewport)设置为 1:1 匹配。

我能够使用以下元标记在 Samsung Galaxy S3 上的 Android Stock 浏览器中实现此目的:

<meta name="viewport" content="initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,width=512,height=device-height,target-densitydpi=device-dpi,user-scalable=yes">

但是,在 Android 版 Chrome 中,它仅显示一半的 Canvas ,而在 Samsung Galaxy S2 的 Stock 浏览器中,它仅显示三分之二。

有没有办法强制视口(viewport)始终显示宽度恰好为 512 像素的内容?

最佳答案

取消缩放参数:

<meta name="viewport" content="width=512,height=device-height,user-scalable=no">

关于canvas - 在元视口(viewport)标签中设置宽度以匹配 Canvas 元素的宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17261042/

相关文章:

html5-canvas - 在动画 HTML5 Canvas 中缩放和平移

html - 有两个视口(viewport)元标记 - 一个会被覆盖吗?

html - X-UA-Compatible 在包含在条件注释中时不起作用?

javascript - nuxtjs head 元标记在 fetch() 上动态修改

javascript - map 平铺算法

javascript - 无法在 Fabric.js 中使用 getActiveObject()

css - 是否可以使用 mix-blend-mode 在动画 Canvas 后面使用静态背景?

javascript - 从 url 加载图像并将其转换为 base64string

javascript - 使用 html2canvas 隐藏 div 的屏幕截图

javascript - 我需要一些数学帮助,将多个图像旋转到 JS 中的一个点