如何使用JavaScript在我的<canvas>標記中追加一個圓圈？

任何人都可以請告訴我如何使用此腳本將圖像/圓添加到我的<canvas>標記中？如何使用JavaScript在我的<canvas>標記中追加一個圓圈？

<script> 
$(document).ready(function() { 

    $('#pink-circle-button').click(function() { 
     $('#currentCircle').css({ 
      'border': '2px solid rgb(255, 0, 255)', 
      'background-color':'', 
      'position': 'fixed', 
      'display': 'block', 
      'top': '97px', 
      'left': '372px', 
      'width': '93px', 
      'height': '90px', 
      'border-radius': '76.5px 76.5px 76.5px 76.5px ' 
     }); 

     $("#currentCircle").resizable(); 
     $("#currentCircle").append(); 

    }); 
}); 
</script>

來源

2011-06-06 You-16

什麼樣的HTML標籤是'＃pink-circle-button'？這是一個'

您是否使用jQuery canvas插件，如[您的上一個問題]上的建議（http://stackoverflow.com/questions/6175176/need-to-create-mutiple-circle-in-a-canvas-like-a-塗料的應用程序）？ – 2011-06-06 09:33:42

＃粉紅圈按鈕是一個CSS ID – 2011-06-06 09:49:59

看起來你有某種你正在使用CSS邊框渲染就像一個圓HTML元素的，在這種情況下：

你不能。

畫布是一個您可以繪製的位圖。它不能包含元素（除非作爲不支持canvas的回退和/或用於與元素進行非視覺交互的陰影DOM（我不確定規範和瀏覽器支持的狀態如何））。

如果你想要一個圓，然後用canvas API來繪製一個，並且不要使用該腳本。

來源

2011-06-06 09:30:50 Quentin

感謝您重播我的問題， – 2011-06-06 09:52:44

感謝您的重播Quentin，如果我更改了代碼，我可以在其上實現附加功能。我需要執行，而點擊按鈕，我需要畫圓，如果我再次點擊，我需要相同的應用程序..根據用戶圈的點擊必須顯示。而我需要對其進行拖放，調整大小和縮放功能。那麼我該怎麼做呢 – 2011-06-06 09:56:46

你不能使用append方法，它是修改DOM的jQuery方法。除了獲取對cavas對象的引用之外，您不想使用DOM。如果你爲此使用畫布，那麼你需要在畫布上做所有事情。對於你想要做的事情（除非其他因素意味着畫布對你更好），你可能會更好用SVG（和舊的IE的VML）。 [Raphaël]（http://raphaeljs.com/）是一個體面的抽象庫。 – Quentin 2011-06-06 10:02:40

如何使用JavaScript在我的<canvas>標記中追加一個圓圈？

回答

相關問題