【问题标题】:Having trouble positioning a Canvas HTML5 game on my webpage在我的网页上定位 Canvas HTML5 游戏时遇到问题
【发布时间】:2016-01-30 08:58:18
【问题描述】:

我创建了一个游戏并将其保存在一个单独的 .js 文件中,然后通过将以下代码放在我的 html 文件正文代码的中间将其导入我的 html 页面:

<div class="gameElement">
     <script src="scripts/game.js"></script>
</div>

在尝试了不同的游戏导入方式后,同样的事情发生了,所以我很确定这与我导入游戏的方法无关。

我遇到的问题是,每当我想向“gameElement”添加一些 CSS 来定位它时,很少发生;它似乎只是位于我放置它的 div 之后(而不是放置在我的 div 中间。我尝试重新排列我的代码并将其放置在不同的 div 中,但似乎没有任何效果。

我的主要目标是将这个“gameElement”放在一个 div 中,并将其放在我的页面中间,而不是放在我页面上的所有内容之后。

有谁知道为什么HTML5游戏的定位这么难?

附:抱歉描述不佳。

【问题讨论】:

  • 您的问题是什么?不可能是“有谁知道为什么HTML5游戏的定位这么难?”如果您需要帮助,请尝试发布 CSS 的 sn-ps 或您认为我的帮助其他人指导您的任何其他内容。
  • 无论我尝试什么 CSS 都很少发生。问题是,当我将已导入的游戏放入带有 id 的 div 中时,游戏最终被放置在 div 位于屏幕上的位置之后,而不是在我为放置它而创建的“块”内。
  • 然后显示。你在寻找什么样的答案?

标签: javascript css html canvas


【解决方案1】:

将 javascript 文件放在页面上的任何位置并不能定义其输出的位置,而是定义它何时运行。

您必须在文件本身中定义文件输出的位置。

你可以把游戏文件放在任何你想要的地方。

【讨论】:

  • 编辑我的游戏代码后,我确实注意到游戏随后被重新定位......但是它仍然将自己放置在我放置它的 div 之后。
猜你喜欢
  • 2015-08-05
  • 2011-06-16
  • 1970-01-01
  • 1970-01-01
  • 2021-08-19
  • 1970-01-01
  • 1970-01-01
  • 2022-07-28
  • 1970-01-01
相关资源
最近更新 更多