使用光標的Javascript擦除圖像

使用javascript可能嗎？使用光標的Javascript擦除圖像

我試圖實現刮刮卡類型的東西，我想知道用戶是否可以用他的光標'刮'它，然後javascript會刪除/擦除圖像以顯示下面的文本。

但我一直無法找到任何可以清除圖像的高級（光標位置）的任何東西（JavaScript明智）。

有沒有人有任何建議/想法？

謝謝。

來源

2012-08-10 James Rattray

此外，如果有一個HTML5替代請告訴我:) – 2012-08-10 14:08:08

東西在畫布上敲起來會是你的這種事情最好的選擇。 – Utkanos 2012-08-10 14:09:25

使用html5 canvas元素。

結帳這個搗鼓一個例子：http://jsfiddle.net/ArtBIT/WUXDb/1/

來源

2012-08-10 14:14:29 ArtBIT

使用'touchmove'也可以爲移動用戶做到這一點嗎？ – Justin 2014-07-29 20:57:34

@Justin是的，你只需要將'onmousedown'，'onmouseup'和'onmousemove'事件重命名爲相應的觸摸事件處理程序，並稍微改變'onmousemove'方法，因爲觸摸座標處理了一點不同（http://www.w3.org/TR/touch-events/#the-touchmove-event） – ArtBIT 2014-07-30 09:42:39

jQuery插件：http://www.senamion.com/blog/jScratchcard.html

HTML5：http://www.catchmyfame.com/2011/06/28/a-jquery-canvas-scratch-off/

來源

2012-08-10 14:14:56 Bill

使用光標的Javascript擦除圖像

回答

相關問題