<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>fillstyle</title>
<script>
function draw(id)
{
var canvas = document.getElementById(id);
var context = canvas.getContext('2d');
for(var i=0;i<6;i++)
{
for(var j=0;j<6;j++)
{
context.fillStyle='rgb('+Math.floor(255-42.5*i)+','+Math.floor(255-42.5*j)+',0)';
context.fillRect(j*25,i*25,25,25);
}
}
}
</script>
</head>
<body οnlοad="draw('canvas');">
<h1>fillstyle</h1>
<canvas id="canvas" width="400" height="300"/>
</body>
</html>
html中对于fillstyle示例
最新推荐文章于 2024-03-18 20:29:27 发布