在Ext.draw.Container构造函数中无法直接添加子画面。Ext.draw.Container是一个用于绘制矢量图形的容器组件,它提供了一个绘图表面,可以在上面绘制各种图形元素。
要在Ext.draw.Container中添加子画面,需要通过创建Ext.draw.Surface对象,并将其添加到容器中。Ext.draw.Surface是一个绘图表面,可以在上面绘制图形元素。
以下是一个示例代码,演示如何在Ext.draw.Container中添加子画面:
// 创建Ext.draw.Container容器
var container = Ext.create('Ext.draw.Container', {
width: 500,
height: 500,
renderTo: Ext.getBody()
});
// 创建Ext.draw.Surface子画面
var surface = Ext.create('Ext.draw.Surface');
container.add(surface);
// 在子画面上绘制图形元素
var circle = surface.add({
type: 'circle',
fill: 'red',
radius: 50,
x: 100,
y: 100
});
// 渲染容器和子画面
container.render();
在上述示例中,首先创建了一个Ext.draw.Container容器,并设置了宽度、高度和渲染目标。然后创建了一个Ext.draw.Surface子画面,并将其添加到容器中。接下来,在子画面上添加了一个圆形图形元素,并设置了填充颜色、半径和位置。最后,调用容器的render方法,将容器和子画面渲染到页面上。
这样就实现了在Ext.draw.Container构造函数中添加子画面的功能。
领取专属 10元无门槛券
手把手带您无忧上云