在html5 canvas元素中使用我的默认宽高比有问题。 至少在Firefox和Safari中canvas元素的默认宽高比 宽度和高度似乎是2/1。这是高度的唯一组合 和宽度将产生1：1的宽高比，矩形绘制为 画布元素。
那么，如何设置允许的canvas元素的宽高比 抽取物品的比例为1：1？
我在编码论坛上有一个帐户，但没有得到足够的回复。 我已经获得了一些有关该主题的印刷文本，但他们没有解决这个问题。 我已经编写了javascript / html / css至少10年。
我希望我不会遇到不可更改的默认比率。
查看类似问题的列表，我没有看到解决这个问题。
答案 0 :(得分：1)
Canvas可以拥有自己的宽度和高度，与Dom元素无关。 这导致非1：1的宽高比。
要解决此问题，您需要设置width和height属性以匹配包含dom元素的宽度和高度。
例如，在jquery中，您可以执行以下操作。
$（'canvas'）。attr（'width'，'100'）。attr（'height'，'100'）;
这将使您的画布成为100像素的正方形。假设这是一个具有匹配的宽度和高度属性的dom元素，那么你将获得1：1的宽高比。