canvas绘制图片

原图：

效果图：

1.可以在 canvas 上直接绘制图片

		<canvas id="cvs_10" width="300" height="150"> 你的浏览器不支持 canvas，请升级你的浏览器。</canvas>
		<button type="button" onclick="draw_image()">点击</button>
		<script type="text/javascript">
			
			function draw_image(){
				//
				var canvas = document.getElementById("cvs_10")
				//检测支持性
				if(!canvas.getContext("2d")) return;
				//获得 2d 上下文对象
				var ctx = canvas.getContext("2d");
				var img = new Image();//创建img元素
				img.onload = function(){
					// 参数 1：要绘制的 img   参数 2、3：绘制的 img 在 canvas 中的坐标 参数4,5是width，height