在使用 canvas 画布时,只在 css 中设置了宽和高,结果就出现了如标题描述的问题。
最终解决方案
手动为 canvas 标签加上宽和高设置
注意:和CSS的设置应一致,否则依旧会导致拉伸
HTML:
<canvas id="canvas" width="500" height="500"></canvas>
CSS:
#canvas
{
width: 500px;
height: 500px;
background-color: #999999;
}
代码
HTML:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<link href=