JavaScript画布实现七色板效果实例

本文实例讲述了Java Script语言画布实现七色板效果。分享给大家供大家参考，具体如下：

效果图如下：

html:

canvas id=' canvas ' class=' canvas ' width=' 600 ' height=' 600 '/canvascss:

html，正文{ margin : 0；padding: 0 } .画布{ display:块；左边距左：auto右边距：汽车；边距-top : 50px；}javascript:

var disk=[ { area:[{x:0，y:0}，{x:600，y:300}，{x:300，y:300}]，color:'#CBF263' }，{ area 33:[{ x 3:0，y:0}，{ x :0，y 3:600 }get context(' 2d ')；磁盘(磁盘，CTX)函数drawDisk(disk，CTX){ for(var I=0；CTX。begin path()；ctx.moveTo(磁盘[i].区域[0]。x，磁盘[i].区域[0]。y)；for(var j=1；jdisk[i]['area'].长度；j ){ ctx.lineTo(磁盘[i].面积[j].x，磁盘[i].面积[j].y)；} CTX。close path()；CTX。FillStyle=磁盘[I][' color ']；CTX。fill()；}}更多关于Java脚本语言相关内容感兴趣的读者可查看本站专题： 《JavaScript动画特效与技巧汇总》 、 《JavaScript扩展技巧总结》 、 《JavaScript运动效果与技巧汇总》 、 《JavaScript数学运算用法总结》 及《javascript面向对象入门教程》

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