渲染器大小为xtk

Question

玩xtk（http://www.goxtk.org）。你如何对渲染器施加尺寸？我问，因为在渲染器上调用init时，容器div增长了。我没有像示例那样使用宽度或高100％，我使用的是绝对大小。谢谢你的提示。

Answer 1

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

例如，这是来自XTK第7课，其中三个X.renderers使用绝对大小（见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();
...