css样式设置宽高和属性设置宽高是不同的。 css设定300x300后，canvas内部的像素比例并不是1比1
<pre> // css代码如下： #test-canvas { width: 300px; height: 300px; border: 1px solid #ff0000; } </pre> <pre> <!-- html代码如下 --> <canvas id="test-canvas"> <p>你的浏览器不支持Canvas</p> </canvas> </pre>
<pre> <!-- 正确的html代码如下，不要在css设定canvas的宽高。 --> <canvas id="test-canvas" width="300px" height="300px"> <p>你的浏览器不支持Canvas</p> </canvas> </pre>
Sign in to make a reply
ShadowFiend__gm
css样式设置宽高和属性设置宽高是不同的。 css设定300x300后，canvas内部的像素比例并不是1比1
<pre> // css代码如下： #test-canvas { width: 300px; height: 300px; border: 1px solid #ff0000; } </pre> <pre> <!-- html代码如下 --> <canvas id="test-canvas"> <p>你的浏览器不支持Canvas</p> </canvas> </pre>
<pre> <!-- 正确的html代码如下，不要在css设定canvas的宽高。 --> <canvas id="test-canvas" width="300px" height="300px"> <p>你的浏览器不支持Canvas</p> </canvas> </pre>