ngx-ratio-image
Version:
An Angular lib to show an image with variable ratio in container with a fixed ratio.
34 lines (31 loc) • 1.15 kB
TypeScript
import * as i0 from '@angular/core';
import { AfterViewInit, OnChanges } from '@angular/core';
interface Image {
clientWidth: number;
clientHeight: number;
naturalWidth: number;
naturalHeight: number;
}
declare class RatioImageComponent implements AfterViewInit, OnChanges {
src: string;
width: number;
height: number;
debug: boolean;
imageWidth: number;
imageHeight: number;
naturalWidth: number;
naturalHeight: number;
imageLeft: number;
imageTop: number;
ratioImage: number;
ratioBox: number;
scale: number;
constructor();
ngAfterViewInit(): void;
onImageLoad(img: Image): void;
ngOnChanges(): void;
private calculate;
static ɵfac: i0.ɵɵFactoryDeclaration<RatioImageComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<RatioImageComponent, "ngx-ratio-image", never, { "src": { "alias": "src"; "required": true; }; "width": { "alias": "width"; "required": true; }; "height": { "alias": "height"; "required": true; }; "debug": { "alias": "debug"; "required": false; }; }, {}, never, never, true, never>;
}
export { RatioImageComponent };