我喜歡將光標放置在畫布文本上並作爲可選項。如何繼續?如果有任何示例或演示共享意味着它將對我非常有用選擇畫布文本
選擇畫布文本
回答
<canvas>
HTML5元素純粹是爲了位圖輸出,它不能以任何方式選擇。
按照W3C spec:
畫布元件提供了具有分辨率相關的位圖 帆布,其可被用於渲染圖形,遊戲圖形,或其他 可視圖像上飛腳本。
當更多的 合適的元素可用時,作者不應該在文檔中使用畫布元素。例如,它是不恰當的使用 canvas元素來渲染頁面標題...
在非交互的,靜態的視覺媒體中,如果canvas元素 以前畫上(例如,如果網頁被在 交互式可視化媒體中查看並正在打印,或者如果在頁面佈局過程中運行的某個腳本 繪製在該元素上),則 畫布元素表示嵌入內容,其中包含當前圖像 和大小。否則,元素代表其後備內容 。
在非可視媒體,和在視覺媒體如果腳本是 畫布元件或者如果帆布元件支持已經 禁用,畫布元素表示其回退內容,而不是禁止。
其實canvas文本編輯器在那裏訪問http://www.lutzroeder.com/html5/textor/ – Prasanth
@Karthi令人印象深刻的 - 從JavaScript源代碼的簡短閱讀,它看起來像他們正在計算文本選擇虛擬從光標位置。然後更新畫布使其顯示文本已被選中。似乎有很多開銷! –
- 1. d3畫布筆刷/選擇
- 2. Javascript畫布選擇器
- 3. 圖像選擇畫布
- 4. PhantomJS/CasperJS畫布選擇
- 5. 畫布選擇工具? wxpython
- 6. 使畫布無法選擇
- 7. Android的動畫選擇畫布
- 8. Java - 選擇在畫布上畫什麼
- 9. 文本的畫布動畫
- 10. C#WPF在畫布上選擇UserControl
- 11. 如何創建畫布選擇工具?
- 12. 畫布中選擇圖像與jQuery
- 13. 拖出畫布導致頁面選擇
- 14. 如何在畫布上選擇圖紙?
- 15. 如何選擇HTML5畫布形狀?
- 16. 使用jQuery來選擇畫布元素
- 17. 無法在畫布上選擇圖像
- 18. HTML5畫布時使用的ID選擇
- 19. html5畫布包含顏色選擇
- 20. 在Android畫布中選擇性遮罩
- 21. 防止HTML畫布對象選擇
- 22. safari畫布中的文本
- 23. HTML5畫布文本編輯
- 24. 畫布響應文本
- 25. Chrome畫布文本框
- 26. HTML5畫布 - 更新文本
- 27. HTML5畫布顏色文本
- 28. 在畫布中動畫文本 - Android
- 29. 畫布文本與動畫bg
- 30. 選擇文本
據我所知,畫布是用於繪製東西(包括文本),但不用於選擇和編輯東西。 –