首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

无法在Ext.draw.Container构造函数中添加子画面

在Ext.draw.Container构造函数中无法直接添加子画面。Ext.draw.Container是一个用于绘制矢量图形的容器组件,它提供了一个绘图表面,可以在上面绘制各种图形元素。

要在Ext.draw.Container中添加子画面,需要通过创建Ext.draw.Surface对象,并将其添加到容器中。Ext.draw.Surface是一个绘图表面,可以在上面绘制图形元素。

以下是一个示例代码,演示如何在Ext.draw.Container中添加子画面:

代码语言:txt
复制
// 创建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构造函数中添加子画面的功能。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券