HTML5Canvas绘图和jcanvas插件保存为图片

HTML5 Canvas绘图并保存成图片，用jcanvas插件，下面有兴趣的朋友可以参考下面的具体实例




用jcanvas插件。

复制代码代码如下所示：



-->

VaR Maxx = - 1；
VaR maxy = - 1；
VaR的疯丫头= 99999；
VaR迷你= 99999；
功能checkdata（事件）{
var x =事件。pagex $（'canvas）。偏移（左）；
var y =事件。pagey $（'canvas）。偏移（顶部）；
如果（x > Maxx）{
Maxx = x；
} else if（x＜疯丫头）{
X = X；
}
如果（y > maxy）{
马克斯= Y；
} else if（y＜迷你）{
迷你= Y；
}
}
$（函数（）{（））
var obj = $（'canvas）；
无功temp_e；
无功temp_draw = false；

Obj.on（{
mousedown：功能（e）{
temp_e = E；
temp_draw =真；
checkdata（E）；
}，
Mousemove：功能（e）{
如果（temp_draw）{
Obj.drawLine（{
000# strokeStyle，
strokewidth：3，
X1：temp_e。pagex $（'canvas）。偏移（）。左，Y1：temp_e。pagey $（'canvas）。偏移（顶部），
X2：e.pagex $（'canvas）。偏移（）。左，Y2：e.pagey $（'canvas）。偏移（顶部），
}）；
}
temp_e = E；
checkdata（E）；
}，
Mouseup：功能（e）{
temp_e = null；
temp_draw = false；
checkdata（E）；
}，
Mouseout：函数（）{
temp_e = null；
temp_draw = false；
}
}）；
$（#清洁），（单击
Maxx = - 1；
马克斯= - 1；
X = 99999；
迷你= 99999；
Obj.clearCanvas（）；
}）；
$（#拯救），（单击
var =形象obj.getcanvasimage（PNG）；
警报（图像）；
}）；

}）；