本文实例讲述了射流研究…画布简单绘制圆圈的方法。分享给大家供大家参考，具体如下：

运行效果截图如下：

具体代码如下：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head title画布画圆圈/title脚本类型='text/javascript '函数画圆(id){ var canvas=document。getelementbyid(id)；if(canvas){ var context=canvas。get context(' 2d ')；context . fillstyle=' gray context . strokestyle=' black context . fill rect(0，0，400，400)；语境。begin path()；context.arc(100，100，50，0，数学* 2，真);语境。close path()；context . FillStyle=' green context。fill()；} else { return} }窗口。onload=function(){绘制圆(' canvas ')；}/script/head dycanvas id=' canvas ' width=' 400 ' style=' background : red；'高度='400'/canvashr //body/html更多关于Java脚本语言相关内容感兴趣的读者可查看本站专题： 《JavaScript动画特效与技巧汇总》 及《JavaScript运动效果与技巧汇总》

希望本文所述对大家Java脚本语言程序设计有所帮助。