内容简介：高清屏出现以前，屏幕的一个物理像素就是css所定义的一个逻辑像素（估计那个时候还没有物理像素和逻辑像素的概念）。因此使用下面代码就可以在浏览器中展示一个600x386的Canvas。
高清屏出现以前，屏幕的一个物理像素就是css所定义的一个逻辑像素（估计那个时候还没有物理像素和逻辑像素的概念）。因此使用下面代码就可以在浏览器中展示一个600x386的Canvas。
<html>
<head>
<title>Canvas demo</title>
<style>
* {
padding: 0;
margin: 0;
}
html, body {
width: 100%;
}
#canvas {
display: block;
border: 1px solid red;
margin: 10px auto 0;
}
</style>
</head>
<body>
<canvas id="canvas" width="600" height="386">Canvas is not supported</canvas>
<script>
var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');
ctx.beginPath();
ctx.arc(300, 150, 20, 0, Math.PI*2);
ctx.fillStyle = "#0095DD";
ctx.fill();
ctx.closePath();
</script>
</body>
</html>
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持 码农网
猜你喜欢:
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
