js HTML5画布绘制图片的方法

本文实例为大家分享了HTML5画布绘制图片的具体代码，供大家参考，具体内容如下

demo.js

窗户。onload=function(){ create canvas()；绘制图像()；}函数create CAVEN(){ var CAVEN=document。getelementbyid(' my CAVEN ')；上下文=CAVEN。get context(' 2d ')；}函数draw Image(){ var img=new Image()；img。onload=function(){ context。绘制图像(img，0，0，200，200)；} img。src=' http : img 5。jpg '；}demo.html

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' title canvas/title script type=' text/JavaScript ' src=' http : demo。js/script/head dy canvas id=' my canvas ' width=' 400 ' high=' 400 ' span你的浏览器不支持画布/跨度/画布/正文/html图片：

效果：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。