HTML5画布绘制简单图片教程
获取新的图像对象定义图像对象、参数、图像路径的SRC属性
定义图像对象的onload方法，调用drawImage（）的上下文对象，方法的参数：图像对象，x坐标和y坐标，
超载的方法调用drawImage（）的上下文对象，方法参数：图像对象，X坐标，Y坐标，图像的宽度、高度
超载的方法调用drawImage（）方法的上下文对象，
参数:
图像对象，图像上的x坐标，图像上的y坐标，矩形宽度，矩形高度，画布上的X坐标，画布上绘制的Y坐标，图像宽度和图像高度。
打电话给getimagedata（）得到的像素颜色，阵列的上下文对象方法的参数：X坐标，Y坐标，X和Y的宽度，宽度
打电话给putimagedata（）的上下文对象的方法，设置图片，颜色参数：数据对象，x，y坐标
Javaｓｃｒｉｐｔ代码将内容复制到剪贴板。
VaR的画布document.getelementbyid（'mycanvas）；
VaR上下文= canvas.getcontext（2D）；
绘制图片
VaR img =新的图像（）；
img src=1 .jpg；
IMG。指针函数（）{
/ / context.drawimage（IMG，0,0）；
/ / context.drawimage（1mg，00100100）；
context.drawimage（IMG，180160100100,00100100）；
VaR数据= context.getimagedata（00100100）；
对于（var i = 0，n = imagedata.data.length；我< n；I = 4）{
数据。数据{ 0 } =我+ 255数据。数据{我+ 0 }； / /红色；
数据。数据{ 1 } =我+ 255数据。数据{我+ 1 }； / /绿色
数据。数据{ 2 } =我+ 255数据。数据{我+ 2 }；
}
context.putimagedata（影像数据，0,0）；
}
{ }以上HTML5画布画一个简单的图片教程，这是所有萧边分享你的内容。我希望能给你一个参考，我希望你会得到很多支持。