EXTJS4自学手册——图形行为（rotate,scale）
2024-08-26 06:09:45
一、旋转图像：
{
xtype: 'button',
text: '旋转的字',
handler: function (btn) {
Ext.create('Ext.window.Window', {
layout: 'fit',
items: Ext.create('Ext.draw.Component', {
viewBox: false,//是否随window一起改变大小，false（不改变）
items: [{
type: 'text',//画字
text: 'Hello World',//要写的内容
fill: '#2266FF',//填充颜色
font: '20px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif',//字体
x: ,//X坐标
y: ,//Y坐标
rotate: {
degrees: //旋转45度
}
}]
})
}).show();
}
}
显示效果：
二、放大缩小图像：
{
xtype: 'button',
text: '缩放的字',
handler: function (btn) {
Ext.create('Ext.window.Window', {
layout: 'fit',
items: Ext.create('Ext.draw.Component', {
viewBox: false,//是否随window一起改变大小，false（不改变）
items: [{
type: 'text',//画字
text: 'Hello World',//要写的内容
fill: '#2266FF',//填充颜色
font: '20px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif',//字体
x: ,//X坐标
y: ,//Y坐标
scale: {
x: ,//X坐标拉长一倍
y: //y坐标拉长五倍
}
}]
})
}).show();
}
}
显示效果：
最新文章
- android gradle NDK简介
- Linux内核--网络栈实现分析（二）--数据包的传递过程（上）
- Normalize.css – 现代 Web 开发必备的 CSS resets
- Eclipse 项目红色叹号：Build Path Problem
- test generation和MBIST
- UVA11624（bfs）
- 关于ADMM的研究（一）
- Linux命令：head命令详解
- IT江湖
- 【转换模型+扫描线】【UVA1398】Meteor
- git 常用命令总结。
- JS模块化写法
- 【二】刚学Python的几道简单练习题
- 解决浏览器跨域限制方案之JSONP
- nginx实战(三)之静态资源web服务(跨站访问)
- jetty9.4缓存文件目录自定义
- java.lang.IllegalArgumentException Expected MultipartHttpServletRequest
- 奇怪的组数length属性
- IOError: cannot open resource
- 波吉亚家族第一季/全集The Borgias 1迅雷下载