將畫布中的圖像大小減至最小

-1

我想在畫布上添加圖像。畫布的寬度和高度爲400X400.圖像的大小爲298x300.i希望它的大小爲30x30在canvas.so我給它的寬度和高度內腳本tag.but它不影響圖像的原始大小。它涵蓋了整個畫布（即使只有一半顯示）。我怎麼能解決這個問題？將畫布中的圖像大小減至最小

![<html> 
<head> 
<style> 
#mycanvas{ 
width:400; 
height:400; 
border:1px solid black; 
} 
</style> 
</head> 
<body> 
<script> 
function draw(){ 
    var canvas=document.getElementById("mycanvas"); 
    var ctx=canvas.getContext('2d'); 
    var img=new Image(); 
    img.src="lol1.jpg"; 
    img.style.width="30px"; 
    img.style.height="30px"; 
    ctx.drawImage(img,0,0); 
} 

window.onload=draw; 
</script> 
<canvas id="mycanvas"></canvas> 
</body> 
</html>]

enter image description here

來源

2014-05-22 AL-zami

這個答案你可以通過閱讀文檔。提出這樣的問題表明對S.O的缺乏尊重。成員。 http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#drawing-images – GameAlchemist

我有一個問題，我問專家的幫助..如果有人認爲它是值得幫助他們會回答我的問題，我正在學習所有我自己，我會感激他們的幫助。我在這裏沒有看到任何進攻姿態..我不明白你想要什麼點.. –

只需使用：

ctx.drawImage(img,0,0,30,30);

第四個參數是寬度，5日是高度。

來源

2014-05-22 11:17:51 Igle

-1回答一個壞的問題/有助於噪音。 – GameAlchemist

@GameAlchemist除非答案實際上是不正確的，這是一個不適當的downvote – Alnitak

確定幾次刷新後圖像出現..我認爲我必須刪除帖子。感謝您的答覆:) –

將畫布中的圖像大小減至最小

回答

相關問題