EXTJS4自学手册——组合图像
2024-09-07 09:43:51
Ext.create('Ext.panel.Panel', {
title: '组合图像',
renderTo: 'ComplexDiagram',
items: [{
xtype: 'button',
text: '缩放的字',
margin:'5px',
handler: function (btn) {
Ext.create('Ext.window.Window', {
layout: 'fit',
width: ,
height: ,
items: Ext.create('Ext.draw.Component', {
viewBox: false,
items: [{
type: 'circle',
fill: '#0066CC', //blue
radius: ,
x: ,
y:
},{
type: 'circle',
fill: '#00CC66', //green
radius: ,
x: ,
y:
},{
type: 'circle',
fill: '#FF9933', //orange
radius: ,
x: ,
y:
},{type: 'text',
text: 'Model',
fill: '#000', //black
font: '12px "Arial"',
x: ,
y:
},{
type: 'text',
text: 'View',
fill: '#000',
font: '12px "Arial"',
x: ,
y:
},{
type: 'text',
text: 'Controller',
fill: '#000',
font: '12px "Arial"',
x: ,
y:
},{
type: 'rect',
fill: '#CC0000', //red
width: ,
height: ,
x: ,
y:
},{
type: 'rect',
fill: '#CC0000',
width: ,
height: ,
x: ,
y: ,
rotate: {
degrees: // line in diagonal \
}
},{
type: 'rect',
fill: '#CC0000',
width: ,
height: ,
x: ,
y: ,
rotate: {
degrees: // line in diagonal /
}
}]
})
}).show();
}
}]
})
显示效果:
最新文章
- tomcat黑/白名单设置
- Sprint2-3.0
- C语言文法的理解
- json处理复杂对象jsonConfig
- SqlSugar简单工模式数据访问简单Demo
- 製程能力介紹(SPC introduction) ─ Cp之製程能力解釋
- TCP/UDP简易通信
- C#:.net/方法/字符串/数组
- iOS 一个方法首次安装滚播图 展示应用简介
- 如何将mysql数据导入Hadoop之Sqoop安装
- 前端开发【第1篇:HTML】
- hive高级数据类型
- sas 基础(1)-关于数据格式的SAS函数
- (1.2)mysql 索引概念
- 一个简单的批量更新oracle 数据库中 最近的服务商名称的数据
- 使用electron开发一个h5的客户端应用创建http服务模拟后台接口mock
- (39)JS运动之缓冲运动
- Linux基础知识之history的详细说明
- S EAI 客户主数据导入_test(detail)
- Linux下ping命令参数详细解析