我一直在與這裏的代碼:http://code.google.com/p/html-5-canvas-whiteboard/HTML 5畫布電子白板適用於iOS
一切都在瀏覽器中的偉大工程,但不能在iOS設備上。
任何人都可以指出我正確的方向來使這個iOS兼容嗎?更具體地說,我希望它能夠在Safari中用於我的iPad。
這裏是我的代碼測試版本:http://www.coderedsupport.com/whiteboard
任何意見將是巨大的。
我一直在與這裏的代碼:http://code.google.com/p/html-5-canvas-whiteboard/HTML 5畫布電子白板適用於iOS
一切都在瀏覽器中的偉大工程,但不能在iOS設備上。
任何人都可以指出我正確的方向來使這個iOS兼容嗎?更具體地說,我希望它能夠在Safari中用於我的iPad。
這裏是我的代碼測試版本:http://www.coderedsupport.com/whiteboard
任何意見將是巨大的。
您需要將用於在白板上繪圖的鼠標單擊事件映射到實際的觸摸事件。只需看看Apple-Developer-Libraries我用它做了一點驗證性概念,它在iOS和Android上運行得很好。
UPDATE:關於你的評論,你應該看看這個Blog
我可以在網上找到任何示例代碼? – CoderJK 2012-01-31 15:26:01
你有mousedown
,mouseup
和mousemove
事件,你需要添加touchstart
,touchend
和touchmove
事件與它們匹配。
我真的在這上面打了一堵牆。您是否知道我可以使用的示例代碼?我知道這很懶,但我別無選擇。 – CoderJK 2012-01-31 20:06:50
您應該使用[W3C Touch Events API](https://dvcs.w3.org/hg/webevents/raw-file/tip/touchevents.html)。有關示例代碼,另請參閱https://github.com/katspaugh/whiteboard。 – katspaugh 2013-02-06 11:42:27