一、问题发现
当我想用ctx.fillRect(0,0,100,100)在画布上画一个宽100px,高100px的正方形时,却发现画出了一个矩形,怀着困惑,我在菜鸟教程上找到了原因。
二、原因
该图片来自菜鸟教程对<canvas>元素的介绍:
为了更加方便大家的理解,我用分别三个画布画长100px,宽100px的正方形为例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>canvas</title>
</head>
<style>
#myCanvas1, #myCanvas2, #myCanvas3{
border: 1px