文件名称:图片裁剪-HTML 5高级移动开发 Canvas画布PPT教程
文件大小:762KB
文件格式:PPT
更新时间:2024-05-13 05:50:37
HTML5 Canvas
图片裁剪 drawImage(image,sourceX,sourceY,sourceWidth,sourceHeight,destX,destY,destWidth, destHeight) 参数很多,但基本上你可以把它想成从原图中取出一个矩形区域,然后把它画到画布上目标区域里。 var canvas = document.getElementById(‘myCanvas’); var ctx = canvas.getContext(’2d’);ctx.drawImage(myImage, 0, 0, 50, 50, 25, 25, 100, 100); ctx.drawImage(myImage, 125, 125, 100, 100, 125, 125, 150, 150); ctx.drawImage(myImage, 80, 80, 100, 100, 250, 250, 220, 220); *