css - Dojo GFX 小部件显示类似 float 的行为而不是正确定位

Question

我正在使用 Dojo GFX 进行一些简单的绘图，但在使用 IE 7/8 时遇到问题(无法切换浏览器)。

如果我创建一个 div，设置一个表面并绘制一些矩形，它们相对于 div 正确绘制，到目前为止一切顺利。

但是，我想做的是创建一个小部件，它具有基于某些小部件特定数据绘制的嵌入式“表面”。因此，我有一个包含一个 div 的小部件，我绘制到这个 div 中。当我这样做时，我创建的 rect 的行为就好像它们在响应 float:right，按创建顺序出现并忽略“x”参数。

我假设这种行为与 CSS 有关，但我还没有深入了解它。非常感谢任何想法或解决方案!

---

更新:

• 我已经禁用了所有样式表并且我没有使用样式属性。行为没有区别。
• 我检查了使用 IE8 开发工具生成的标记。除了包含的 div 的不同位置之外，我能看到的唯一区别是 v:roundrect 元素在针对小部件 div 创建时没有子元素，但它们在针对 ID 引用的 div 创建时确实有空元素，如 stroke .
• 重新阅读文档，我可以看到一个不同之处可能是我正在绘制的 postCreate 方法正在操纵一个尚未添加到 dom 的 div，而在硬编码的 div 上绘制是当它确实存在时完成。也许渲染的差异与此有关？是否有适合为小部件绘制的特定生命周期函数？

Answer 1

看来，如果您要使用 Dojo GFX 并绘制在 IE7/8 中作为小部件的一部分创建的 DOM 元素，您实际上必须在 startup()< 的重写中进行绘制 方法。

在 postCreate() 方法中绘制会导致不正确的呈现，类似于 float: left。