这是一个简单的用H5中的新特性canvas写的画板它实现了选择本机图片绘制在浏览器上,并可以用画笔涂鸦最后可以保存涂鸦.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
canvas{border:1px solid green;}
</style>
</head>
<body>
选择图片:<input id="file" type="file">
<button οnclick="restuya()">重新涂鸦</button>
<button οnclick="saveTu();">保存图片</button>
<hr>
<canvas id="canvas" width="1105" height="500">
您的破浏览器不兼容,请升级!
</canvas>
<hr>
<div id="res"></div>
<script type="text/javascript">
// 获取 canvas 对象
var canvas = docu