主要介绍了html5使用canvas绘制一张图片,需要的朋友可以参考下

很多时候在使用form向后台发送数据的时候，并不需要使用到表单组件。 例如时间戳、ip等，这个时候除了ajax之外，还可以使用HTML5的一个全新方法FormData；在input[type = file]的文件类型中，很多时候想要把一张图片或者是使用canvas绘制好的图像传送到后台时，无法赋值给file文件，只能转换为base64类型传送到后台，然后由后台转换为图片再进行服务器存储；此过程较为复杂； 使用formdata，只需创建新的formdata对象，将要发送的数据添加进去，后台即可接收

  复制代码代码如下: var canvas=document.getElementById(“canvas”); var cxt=canvas.getContext(“2d”); var img=new Image(); img.src=”cat.jpg”; cxt.drawImage(img,10,10,490,382); /* 测试发现一个问题 在浏览器第一次执行的时候经常看不到