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