javascript - xtk 中的渲染器大小

Question

玩 xtk (http://www.goxtk.org)。你如何将大小强加给渲染器？我问是因为在渲染器上调用 init 时，容器 div 会增长。我没有使用示例中的宽度或高度 100%，我使用的是绝对大小。感谢您的任何提示。

Answer 1

它应该可以通过调整作为 X.renderer 容器的 -tag 来指定渲染器大小（以像素为单位）。

例如，这是来自 XTK 第 7 课，其中三个 X.renderer 使用绝对大小（请参阅http://lessons.goxtk.com/07/）：

...
<div id='r1' style='background-color:#000000; float: left; width: 300px; height: 300px; margin:10px;'></div>
<div id='r2' style='background-color:#000000; float: left; width: 300px; height: 300px; margin:10px;'></div>
<div id='r3' style='background-color:#000000; float: left; width: 300px; height: 300px; margin:10px;'></div>
...

然而，为了正确显示自动进度条，位置样式更改为relative。这可能会导致容器根据您的一般页面布局的外观进行调整。

如果您更想要绝对位置样式并且不需要进度条，您可以像这样禁用它，这也可以防止更改容器的位置样式：

...
r1 = new X.renderer('r1');
r1.config.PROGRESSBAR_ENABLED = false;
r1.init();
...