在HTML5的画布上绘制图像

我一直试图在画布上绘制图像，但未能如愿。 HTML代码只是简单地创建画布元素“canvas1”而不需要额外的处理。在HTML5的画布上绘制图像

这里是JS：

function loadlogo(){ 
    var logo = new Image(); 
    var canvas = document.getElementById('canvas1'); 
    var context = canvas.getContext('2d'); 
    //resize the canvas to the current window 
    context.canvas.width = window.innerWidth; 
    context.canvas.height = window.innerHeight/3; 
    logo.src = "images/1.png"; 
    logo.onload = function() {context.drawImage(logo,0,0;}; 
    context.shadowOffsetX = 50; 
    context.shadowOffsetY = 30; 
    context.shadowColor = "pink"; 
    } 

    window.addEventListener("load",loadlogo,false); 
    window.addEventListener("resize",loadlogo,false);

任何帮助，你可以给将是真棒！我已经尝试了很多方法，并且卡住了。

感谢，布莱恩

来源

2014-04-04 user3496104

把你的onload功能IMG分配IMG SRC

来源

2014-04-04 01:27:31 QBM5

更改这一部分

{context.drawImage(logo,0,0;}; 
         ^Notice the missing end-parenthesis here

到

{context.drawImage(logo,0,0)};

我会为QBM5之前也建议在设置后放置src请确保onload已正确初始化。

来源

2014-04-04 08:59:55 K3N

在HTML5的画布上绘制图像

回答

相关问题