EXT에 그림이 표시되는 구성 요소 - [EXT]
2334 단어 ext
var fileUploadPhotoPreview = new Ext.Component({
id: 'photoPreview',
xtype: 'textfield',
//height: 100,
//width:100,
autoEl: {
tag: 'img', src: 'ws_Dell_11_1920x1200.jpg', id: 'photoPreview'
},
listeners: { 'render': function() {
//
//DrawImage(fileUploadPhotoPreview.el.dom, 100, 100);
//DrawImage(Ext.getCmp("photoPreview").el.dom, 100, 100) ;
DrawImage(this.el.dom, 100, 100);
}
}
});
:
//
function DrawImage(ImgD, width_s, height_s) {
/*var width_s=139;
var height_s=104;
*/
var image = new Image();
image.src = ImgD.src;
if (image.width > 0 && image.height > 0) {
flag = true;
if (image.width / image.height >= width_s / height_s) {
if (image.width > width_s) {
ImgD.width = width_s;
ImgD.height = (image.height * width_s) / image.width;
} else {
ImgD.width = image.width;
ImgD.height = image.height;
}
}
else {
if (image.height > height_s) {
ImgD.height = height_s;
ImgD.width = (image.width * height_s) / image.height;
} else {
ImgD.width = image.width;
ImgD.height = image.height;
}
}
}
/*else{
ImgD.src="";
ImgD.alt=""
}*/
};
: , , , , ,
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
ExtJS 3.2 학습 노트(3) 사용자 정의 이벤트Extjs에서 모든 상속은 Ext.util에서 합니다.Observable 클래스의 컨트롤은 이벤트를 지원할 수 있습니다. 클래스에 대해 이벤트를 사용자 정의하려면 다음 절차를 따르십시오. 1, 먼저 클래스를 정의합니...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.