使用Jsf圖形圖像標記顯示圖像onclick

我有一個有圖像集合的primefaces手風琴。我已經使用jsf < h:graphicImage>使用servlet標記（實際上是顯示原始圖像的縮略圖）來呈現此圖像。使用Jsf圖形圖像標記顯示圖像onclick

我想要做的是當用戶點擊手風琴中的特定圖像時，應該在我的HTML5 canvas元素中顯示相同的圖像。

您的幫助表示讚賞

2013-04-24 user1432155

你提的問題是非常通用的，模糊的。相應地編寫代碼時，你到底在哪裏？ – BalusC 2013-04-24 16:33:04

嗯..它喜歡這個我已經成功地在手風琴顯示的圖像，現在當用戶點擊一個特定的圖像，然後該圖像應該顯示在我的HTML5畫布。我不知道如何將所選圖像的值傳遞給canvas元素。不幸的是，我無法發佈代碼對此感到抱歉。 – user1432155 2013-04-24 17:29:20

你應該能夠做這樣的事情：

<h:graphicImage library="default" name="images/graph.png" onclick="draw(this.src);" /> 
<canvas id="myCanvas"></canvas> 
<script type="text/javascript"> 
    function draw(imgSrc) { 
     console.log(imgSrc); 
     var ctx = document.getElementById('myCanvas').getContext('2d'); 
     var img = new Image(); 
     img.src = imgSrc; 
     ctx.drawImage(img, 0, 0); 
     ctx.beginPath(); 
     ctx.moveTo(30, 96); 
     ctx.lineTo(70, 66); 
     ctx.lineTo(103, 76); 
     ctx.lineTo(170, 15); 
     ctx.stroke(); 
     return false; 
    } 
</script>

來源

2013-04-24 20:56:36 Ravi

使用Jsf圖形圖像標記顯示圖像onclick

回答

相關問題