【问题标题】:How to position some input elements inside an HTML5 canvas element?如何在 HTML5 画布元素中放置一些输入元素?
【发布时间】:2012-06-17 22:54:00
【问题描述】:

我有以下页面,里面有一个黑色画布:

在那里,将显示游戏的主菜单,并且它需要同时具有注册和登录表单。如何在画布内定位表单/输入元素?

【问题讨论】:

标签: css html


【解决方案1】:

您可以使用 CSS 将 HTML 元素放置在画布上。有关详细信息,请参阅以下帖子:

Can I put an HTML button inside the canvas?

【讨论】:

  • 这个问题其实和画布没有太大关系,我相信任何其他元素都可以放在那里。
  • 啊,你可以使用 CSS 将 HTML 元素放在画布上。看到这个帖子:stackoverflow.com/questions/4797748/…
【解决方案2】:

你没有。在画布中,您将处理大部分元素的渲染。

如果你想使用 DOM,你总是可以将这些表单/输入元素覆盖在画布的顶部,位置是:绝对或等效的。但是对于它们实际上在画布中,您将不得不手动渲染它们。另一张海报已经放了一些关于画布基础知识的链接,您可以在这方面取得一些进展。

【讨论】:

  • 告诉 div 坐在画布元素上很容易。绝对定位是最简单的方法。
  • 是的。我基本上想在另一个元素上拥有一个元素。结果很容易。
猜你喜欢
  • 2012-04-11
  • 1970-01-01
  • 2020-01-08
  • 2011-03-01
  • 2012-06-30
  • 2012-06-13
  • 2010-11-22
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多