單擊以用圖像填充Canvas Backgound？

我想創建一個按鈕，當點擊一個靜態圖像顯示爲HTML畫布元素背景？單擊以用圖像填充Canvas Backgound？

我該如何去做這件事？

不確定樣式表切換器是否正確？也許有更聰明的解決方案？

2012-03-21 mikenichols

試試這個

<html> 
<head> 
<script src="http://code.jquery.com/jquery-1.7.2.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
     $('#btnSet').click(function(){ 
      $('#canvas').css("background","url('plant1.jpg')"); 
     }); 
    }); 
</script> 
</head> 
<body> 
<canvas id="canvas" width="500" height="200"> 

</canvas> 
<br/> 
<button id="btnSet">Set Canvas BG</button> 
</body> 
</html>

來源

2012-03-22 12:26:26 Shahdat

大的工作完美！比我的樣式表切換器更好。 – mikenichols 2012-03-23 22:44:26

，如果你想要做的是顯示圖像，你還不如用img標籤：

<script> 
    function() setImage() { 
     document.geTElementById("myImage").src = "myImage.jpg"; 
    } 
</script> 
<input type="button" value="Set Image" onclick="setImage()"/> 
<img id="myImage"/>

確保myImage.jpg實際上指向您的圖像offcourse。

來源

2012-03-22 00:14:28 Tom

單擊以用圖像填充Canvas Backgound？

回答

相關問題