繪製到選定的畫布

-2

我有一個以一個畫布元素開頭的頁面。使用側面的一些彩色按鈕，我可以在此畫布上添加彩色正方形。繪製到選定的畫布

使用jQuery，我有另一個單擊事件，將另一個畫布附加到頁面。田田，2個畫布元素。

我還創建了一個點擊事件，它向所選的任何一個畫布添加一個'selected'類。

我的掙扎是，我如何只繪製到選定的畫布？

2014-06-30 Dan Hogan

在鼠標按下事件處理程序，你可以得到的點擊畫布這樣的ID：

function handleMouseDown(e){ 
    clickedId=e.target.id; 
}

然後你就可以根據其ID選擇的畫布。

演示：http://jsfiddle.net/m1erickson/d46ZL/

來源

2014-06-30 23:32:35 markE

你也可以得到從類名的canvas元素，因爲它似乎你想要做的，使用jQuery如下：

<!doctype html> 
<html> 
    <head> 
     <script src="Script/jquery-2.1.1.min.js"></script> 
     <style> 
      .selected {} 
     </style> 
    </head> 
    <body> 
     <div style="margin-left: auto; margin-right: auto; width:600px;"> 
      <canvas width="600" height="400" style="border:1px solid #000000;"></canvas> 
     </div> 
     <div style="margin-left: auto; margin-right: auto; width:600px;"> 
      <canvas class="selected" width="600" height="400" style="border:1px solid #000000;"></canvas> 
     </div> 
    </body> 
    <script> 
     $(document).ready(function() { 
      var c = $(".selected").get(0); 
      var ctx = c.getContext("2d"); 
      ctx.fillStyle = "#FF0000"; 
      ctx.fillRect(0,0,150,75);  
     }); 
    </script> 
</html>

來源

2014-06-30 23:39:00

您可能要包括元素在選擇器中，但我儘可能簡單地說明這個類的選擇。 –

繪製到選定的畫布

回答

相關問題