<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>strokeStyle</title>
<script>
function draw(id){
var context = document.getElementById('canvas').getContext('2d');
for(var i=0;i<6;i++){
for(var j=0;j<6;j++){
context.strokeStyle='rgb(0,'+Math.floor(255-42.5*i)+','+Math.floor(255-42.5*j)+')';
context.beginPath();
context.arc(12.5+j*25,12.5+i*25,10,0,Math.PI*2,true);
context.stroke();
}
}
}
</script>
</head>
<body οnlοad="draw('canvas');">
<h1>strokestyle</h1>
<canvas id="canvas" width="400" height="300"/>
</body>
</html>
html中strokeStyle示例
最新推荐文章于 2022-12-21 15:24:37 发布