用javaｓｃｒｉｐｔ实现的画板

本例为大家分享HTML5画布实现的一个画图板代码，供大家参考，具体内容如下

demo6：自定义画板
浏览器不支持画布
黄色的
红
蓝色
绿色
白
黑色
4px
8px
16px
出口

VaR的画布document.getelementbyid（'canvas '）； / /标签
VaR CTX = canvas.getcontext（2D）；

VaR fillStyle =黑；
（00600300）ctx.fillrect；
VaR的= false； / /压痕
无功oldx = - 10；
VaR的Y = 10；
设置颜色
VaR的颜色=白色；
无功linw = 4；
canvas.addeventlistener（MouseMove，画画，真的）； / /鼠标事件
canvas.addeventlistener（MouseDown，下来，false）； / /鼠标
canvas.addeventlistener（MouseUp、，false）； / /鼠标事件
函数向下（事件）{
开关=真；
oldx = event.pagex - 10；
event.pagey Y = 10；
}
函数向上（）{
开关= false；
}
函数绘制（事件）{
如果（开关= = true）{
无功newx = event.pagex - 10；
VaR由于= event.pagey - 10
Ctx.beginPath（）；
Ctx.moveTo（oldx，Y）；
Ctx.lineTo（newx，期货交易所）；
ctx.strokestyle =颜色；
ctx.linewidth = linw；
ctx.linecap =圆；
Ctx.stroke（）；

oldx = newx；
Y =期货交易所；
}
}
功能copyimage（事件）
{
无功img_png_src = canvas.todataurl（图像/格式）； / /图片格式保存功能
document.getelementbyid（image_pngsrc= img_png_src）；
}

以上是本文的全部内容，希望能对大家有所帮助。