為什么我的有點(diǎn)不一樣?(這里我是復(fù)制來(lái)的 沒(méi)有寫(xiě)在一起)
<!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>五子棋</title>
????<link?type="text/css"?rel="stylesheet"?href="css/style.css"/>
</head>
<body>
????<canvas?id="chess">該瀏覽器不支持canvas畫(huà)布</canvas>
????<script?type="text/javascript"?src="js/script.js"></script>
</body>
</html>
var?chess?=?document.getElementById('chess');
var?context?=?chess.getContext('2d');
context.strokeStyle?=?'#bfbfbf';
context.moveTo(0,?0);
context.lineTo(450,?450);
context.stroke();
#chess??{
????display:?block;
????width:?450px;
????height:?450px;
????margin:?50px?auto;
????box-shadow:?5px?5px?5px?#b9b9b9,?-2px?-2px?2px?#efefef;
}
下面是我瀏覽器中顯示的?
2021-04-19
剛發(fā)完就發(fā)現(xiàn)有這樣的問(wèn)題? 是width和height樣式要和視頻里一樣寫(xiě)在<canvas>標(biāo)簽里
<canvas?id="chess"?width="450px"?height="450px">