关于drawimage的问题？

qq_27566809 2015-07-07 05:35:03



<!doctype html>

<html>

<body>

<div id="head">head</div>

<div id="first">

<canvas id="myc">

Your browser does not support the canvas element.

</canvas>

</div>

<script src=".\html5.js" type="text/javascript"></script>

</body>

</html>

这是html.js



var images=["1.jpg","2.jpg","3.jpg","4.jpg","5.jpg"];

var newimages=new Array(images.length);



var loadedimages=0;



preloadimages(images);

canvas_set(newimages[0]);





function canvas_set(im){

	 

	 canvas=document.getElementById("myc");

	 canvas.width=window.innerWidth;

     canvas.height=window.innerHeight*0.6;

     cxt=canvas.getContext("2d");	   

   

   cxt.drawImage(im,0,0);

}



function preloadimages(arr){

    for (var i=0; i<arr.length; i++){ 	

        newimages[i]=new Image()

        newimages[i].src=arr[i];

    }



 

}

为什么图片无法输出呢？？？？

...全文

125 1 打赏收藏转发到动态举报

写回复

用AI写文章

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

天际的海浪 2015-07-07

打赏
举报


var images=["1.jpg","2.jpg","3.jpg","4.jpg","5.jpg"];
var newimages=new Array(images.length);

var loadedimages=0;

preloadimages(images, function() {
	canvas_set(newimages[0]);
});


function canvas_set(im){
	 
	 canvas=document.getElementById("myc");
	 canvas.width=window.innerWidth;
     canvas.height=window.innerHeight*0.6;
     cxt=canvas.getContext("2d");	   
   
   cxt.drawImage(im,0,0);
}

function preloadimages(arr,fun){
    var n = 0;
    for (var i=0; i<arr.length; i++){ 	
        newimages[i]=new Image();
        newimages[i].onload=function() {
        	n++;
        	if (n>=arr.length)
        		fun();
        };
        newimages[i].src=arr[i];
    }
}

drawImage_src

主要介绍了小程序中canvas的drawImage方法参数使用详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

drawImage_demo

matlab开发-drawimage。获取徒手涂鸦的坐标

Graphics_DrawImage 使用方法与博客文章同步不喜勿下，WINCE版本 MC55测试通过