draw.js
Ext.onReady(function() {
/**
* 1.圆形
*/
var drawComponent = Ext.create('Ext.draw.Component', {
viewBox : false,
items : [Ext.create('Ext.draw.Sprite', {
type : 'circle',
fill : '#005EAC',
radius : 100,
x : 110,
y : 110
})]
});
Ext.create('Ext.Window', {
width : 240,
height : 250,
layout : 'fit',
items : [drawComponent]
}).show();
/**
* 2.矩形
*/
var drawComponent2 = Ext.create('Ext.draw.Component', {
viewBox : false,
items : [{
type : 'rect',// 图表形状
fill : '#4D95DA',// 填充颜色
width : 350,
height : 200,
x : 20,
y : 20
}]
});
Ext.create('Ext.Window', {
width : 240,
height : 250,
layout : 'fit',
items : [drawComponent2]
}).show();
/**
* 3.文本
*/
var drawComponent3 = Ext.create('Ext.draw.Component', {
viewBox : false,
items : [{
type : 'text',// 图表形状
text : 'hello,world',
fill : '#4D95DA',// 填充颜色
font : '20px "Lucida Grande", "Lucida Sans Unicode", Verdana,Arial, Helvetica, sans-serif',
x : 40,
y : 40
}]
});
Ext.create('Ext.Window', {
width : 240,
height : 250,
layout : 'fit',
items : [drawComponent3]
}).show();
/**
* path
*/
var drawComponent4 = Ext.create('Ext.draw.Component', {
viewBox : true,
items : [{
type : 'path',
path : ['M153 334', 'C153 334 151 334 151 334',
'C151 339 153 344 156 344',
'C164 344 171 339 171 334',
'C171 322 164 314 156 314',
'C142 314 131 322 131 334',
'C131 350 142 364 156 364',
'C175 364 191 350 191 334',
'C191 311 175 294 156 294',
'C131 294 111 311 111 334',
'C111 361 131 384 156 384',
'C186 384 211 361 211 334',
'C211 300 186 274 156 274'],
fill : 'white',
stroke : 'red',
"stroke-width" : "2"
}]
});
Ext.create('Ext.Window', {
width : 240,
height : 250,
layout : 'fit',
items : [drawComponent4]
}).show();
});
分享到:
相关推荐
extjs4.1的中文文档,可以方便查看API
Extjs4.1 小例子(适合extjs初学者学习使用).直接导入myeclipse即可
ExtJs4.1 正式版,考虑到官网速度慢,放上来服务大家!
EXTJS 4.1 API中文版 ExtJS 4.1 中文版API [脚本娃娃---开源文档翻译组]历时一年多完整翻译。 在此友情扩散。
Extjs 4.1中文版api,非常难得的一款4.1的中文api,值得大家收藏
ExtJS 4.1 中文版API [脚本娃娃---开源文档翻译组]历时一年多完整翻译。 在此友情扩散下载,非常完整详细! 学习ExtJS必备的帮助文档,而且对其中的API进行了汉化,更有利于ExtJS的学习!
Extjs4.1中文API.chm
ExtJS4.1学习心得及源码 目录 一、安装与配置 二、第一个ExtJS例子 三、表格 四、从XML读取数据表格 五、按钮 六、ComboBox控件 七、Panel面板 八、Viewport 九、表单Form 十、窗口 十一、消息对话框 十二...
extjs4.1修改bug版本,已修改数字、日期等多个控件的问题
100行代码解决ExtJs4.1合并单元格问题
Extjs 4.1 下拉框 Tree 的实现(mvc)
Extjs4.1中build下的sdk.jsb3里的路径配置都是错误的,所以集成到spket根本不能进行智能提示,这个是经过修复后的,只要替换掉build下的sdk.jsb3就可以了
无需积分,ExtJs权威指南第一部分(ExtJs4.1),请两部分都下载完成后解压
学习ExtJS必备的帮助文档,而且对其中的API进行了汉化,更有利于ExtJS的学习。
EXTJS4.1API中文版,适合于4.x各版本通用,简单易懂,对于英语能力不是非常好的开发者可以借鉴。
ExtJs4.1+Jbpm4+SSH2+Oracle10g视频教程 视频教程正在上传中!先共享代码,有了代码,还买啥教程额! SSH2+JBPM+ExtJs4实战,JBPM是重点讲解。实战与demo的区别我不再多说,在以前工作中走过一些弯路,一些实现都是...
extjs4.1下拉复选框完整DEMO,包含了extjs4.1主文件,代码实现了动态加载功能,所以需要配置IIS或者apache。插件文件在ux目录下,请自行参考。
ExtJS4.1+MVC4+Spring.NET1.3+EF5 整合项目数据库(pdm、sql及sqlite数据库) 原文地址:http://blog.csdn.net/xz2001/article/details/8723266
分享ExtJs4.1中文API,此API为脚本娃娃群汉化,个人感觉是汉化最全ExtAPI, 源始链接,大漠博客:http://damoqiongqiu.iteye.com/blog/1998022
Extjs4.1多个扩展 1、Ext.ux.aceeditor.Panel 2、Ext.ux.grid.feature.Tileview 3、Ext.ux.upload.Button 4、Ext.ux.toggleslide.ToggleSlide 5、Ext.ux.container.ButtonSegment 6、Ext.ux.grid.plugin.RowEditing ...