我想畫一個登錄界面,所以我必須在繪製文本框輸入和按鈕提交! 如果我通過使用輸入和按鈕標籤實現它,它會很容易!但我需要使用html5.0在畫布中繪製它們。我搜索了谷歌兩天,我找不到一個好主意! 誰有經驗?幫我! 在此先感謝!html5.0帆布文本框
3
A
回答
0
你想畫一個登錄界面到?我不太清楚你不會使用常規圖形,但是這裏有一個tutorial on the basics of how the canvas標籤的作品以及你可以用它做什麼。
16
我非常推薦使用這個HTML元素。您可以使用CSS定位將它們疊加在畫布上,因此它看起來就像是您在畫布上繪製的任何內容。
用帆布製作這純粹是非常具有挑戰性的。
首先,你需要創建程序繪製輸入框和按鈕。然後,你需要例程以不同的狀態繪製它們,例如按下按鈕時。您還需要編寫代碼來處理在文本框中顯示插入符號,用戶鍵入的字符,添加代碼以處理鍵事件以生成鍵,處理複製粘貼鍵組合,處理箭頭鍵以及單擊文字走動......
等等。
說真的。用HTML輸入元素來做。根據你的問題,這是最好的選擇。
1
我會同意,如果您想爲職業或實用目的這樣做,那麼你絕對應該使用HTML和使用絕對定位和透明背景在畫布上以覆蓋它。
但是,如果你只是在做這是一個挑戰,那麼,作爲賈尼說,你需要編寫程序的文本字段,插入符號,和按鈕。然後,編寫一個函數,該函數將觸發onKeydown並檢查它們按下的鍵的代碼。然後在框中畫出相應的字母(unicode是否在canvas中工作?)。您也可以在這裏處理箭頭鍵和回車鍵。確保假定用戶時,會打字沒有其他元素或瀏覽器元素的目標。
祝你好運:)
相關問題
- 1. 帆布填充文本
- 2. tkinter帆布上的粗體文本
- 3. 帆布文本不繪製的圖像
- 4. 帆布內部的帆布html5
- 5. HTML帆布輸入文件
- 6. 用帆布
- 7. 多帆布
- 8. Android上帆布
- 9. 查找帆布
- 10. 指定帆布
- 11. 申請帆布
- 12. 帆布與jQuery
- 13. TclTk從帆布
- 14. JS帆布:lineTo()
- 15. Tkinter的帆布文字添加邊框(輪廓)
- 16. Winwheel IE 8帆布
- 17. 帆布strokeStyle厚度
- 18. 如何用帆布
- 19. 帆布響應 - Fabricjs
- 20. 動畫用帆布
- 21. 帆布視頻CORS
- 22. 帆布尺寸(JS?)
- 23. JavaFX的單帆布
- 24. Facebook的getLoginUrl帆布
- 25. 帆布垂直波
- 26. Android帆布座標?
- 27. Python 3 Tkinter帆布
- 28. HTML5帆布和bubble.js
- 29. 禁止從帆布
- 30. 帆布Scratchcard ..座標
使用HTML元素的登錄界面。 CSS風格。畫布不適合這種情況。 – hendry 2009-09-09 09:12:26