Korea.html-----------------------------------------------------------檔名
</head><script src="Korea.js"></Script>
<title>Korea</title>
</head>
<body>
<canvas id="canvas" width="1000" height="1000">
color color blue
</canvas>
</body>
Korea.js-----------------------------------------------------------
function doFirst(){ var X = document.getElementById('canvas') ;
ctx=X.getContext('2d');
ctx.fillStyle="red";
ctx.beginPath();
ctx.arc(200, 200, 150, Math.PI, Math.PI*2, false);
ctx.closePath();
ctx.fill();
ctx.fillStyle="blue";
ctx.beginPath();
ctx.arc(200, 200, 150, Math.PI, 2*Math.PI, true);
ctx.closePath();
ctx.fill();
ctx.fillStyle="blue";
ctx.beginPath();
ctx.arc(275, 200, 75, Math.PI, 2*Math.PI, false);
ctx.closePath();
ctx.fill();
ctx.fillStyle="red";
ctx.beginPath();
ctx.arc(125, 200, 75, Math.PI, 2*Math.PI, true);
ctx.closePath();
ctx.fill();
}
window.addEventListener('load',doFirst,false);
不包括線條部分
留言列表
Java Basic (2)
