【问题标题】:Text editing controls in HTML5 <canvas>HTML5 <canvas> 中的文本编辑控件
【发布时间】:2013-05-27 11:04:16
【问题描述】:

我发现他们中的许多人都建议避免使用 canvas 标签来实现 html5 中的文本编辑选项。但是我找不到这个“作者应该避免使用画布元素实现文本编辑控件”的替代选项。谁能告诉我相同的替代解决方案。

提前致谢。

【问题讨论】:

    标签: html5-canvas


    【解决方案1】:

    使用 &lt;canvas&gt; 的父级相对定位并将您的 HTML UI 逻辑放在画布的顶部。

    例子:

    Adding buttons and controls on HTML5 canvas

    这本身不是替代解决方案,而是唯一明智的方法。

    【讨论】:

    • 谢谢 Mikko :) 我正在做一个 POC,用于在 HTML5 中创建笔记本。它的特点是: 1.能够在笔记本上输入文字。 2. 在笔记本上和文字上画图。 3.能够使用音频/视频文件。是否可以使用画布元素来做到这一点?
    • 谢谢。请为我的笔记本 POC 提供任何输入
    • 我已经尝试过这种方式,但我仍然面临无法编辑文本等问题。我需要在画布中创建类似可编辑内容的文本区域。你能告诉我其他方法吗?
    • 请通过使用 jsfiddle.net 服务创建一个隔离的测试用例来证明您的问题如何不适合您。如果您不展示您尝试过的内容以及失败的原因,就很难为您提供帮助。
    猜你喜欢
    • 2017-10-14
    • 1970-01-01
    • 1970-01-01
    • 2013-06-05
    • 2018-09-21
    • 1970-01-01
    • 1970-01-01
    • 2014-04-16
    • 2018-05-10
    相关资源
    最近更新 更多