Sencha 이미지 원본 사이즈로 보여주기

2024. 12. 8. 15:49Javascript/Sencha

load 이벤트에서는 layout이 처음에 refresh되지 않기 때문에 afterrender를 사용하여 onload()를 발생시킴

{
	xtype: 'image',
	//flex: 3,
	src: '/resources/image/floor_plan.png',
	alt: '도면',
	margin: '0 10 0 0',
	listeners: {
		afterrender: function(image) {
			const domImage = image.getEl().dom;
			
			domImage.onload = function() {
				const naturalWidth = domImage.naturalWidth;
				const naturalHeight = domImage.naturalHeight;
				image.setWidth(naturalWidth);
				image.setHeight(naturalHeight);
			}
		}
	}
}

'Javascript > Sencha' 카테고리의 다른 글

Sencha 패키지 추가 방법  (0) 2024.12.08
Sencha 처음 설정  (0) 2024.12.08
Sencah treepanel에서 1 depth까지만 펼치기  (1) 2024.12.08
Sencha checkcolumn 체크 및 이벤트  (0) 2024.12.08
Sencha treepanel drag&drop 적용  (0) 2024.12.05