宝哥软件园

js HTML5画布绘制图片的方法

编辑:宝哥软件园 来源:互联网 时间:2021-09-03

本文实例为大家分享了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图片:

效果:

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

更多资讯
游戏推荐
更多+