♻️(document): 重构文档结构
This commit is contained in:
@@ -1,4 +1,4 @@
|
||||
import { layer } from "../index"
|
||||
import { layer } from "../index";
|
||||
|
||||
// 随机数
|
||||
export function nextId() {
|
||||
@@ -255,32 +255,32 @@ export function loadImage(url: string, callback: Function, error: any) {
|
||||
};
|
||||
}
|
||||
|
||||
export async function calculatePhotosArea(url: string,options:object) {
|
||||
export async function calculatePhotosArea(url: string, options: object) {
|
||||
let img = new Image();
|
||||
img.src = url;
|
||||
|
||||
return new Promise((resolve, reject) => {
|
||||
if (img.complete) {
|
||||
resolve(area(img))
|
||||
return
|
||||
resolve(area(img));
|
||||
return;
|
||||
}
|
||||
const layerId=layer.load(2)
|
||||
const layerId = layer.load(2);
|
||||
img.onload = () => {
|
||||
layer.close(layerId)
|
||||
resolve(area(img))
|
||||
layer.close(layerId);
|
||||
resolve(area(img));
|
||||
};
|
||||
img.onerror = () => {
|
||||
layer.close(layerId)
|
||||
layer.msg('图片加载失败')
|
||||
reject(false)
|
||||
}
|
||||
})
|
||||
layer.close(layerId);
|
||||
layer.msg("图片加载失败");
|
||||
reject(false);
|
||||
};
|
||||
});
|
||||
|
||||
function area(img:{width:number,height:number}){
|
||||
function area(img: { width: number; height: number }) {
|
||||
var imgarea = [img.width, img.height];
|
||||
var winarea = [window.innerWidth - 100, window.innerHeight - 100];
|
||||
//如果 实际图片的宽或者高比 屏幕大(那么进行缩放)
|
||||
if ( imgarea[0] > winarea[0] || imgarea[1] > winarea[1]) {
|
||||
if (imgarea[0] > winarea[0] || imgarea[1] > winarea[1]) {
|
||||
let wh = [imgarea[0] / winarea[0], imgarea[1] / winarea[1]]; //取宽度缩放比例、高度缩放比例
|
||||
if (wh[0] > wh[1]) {
|
||||
//取缩放比例最大的进行缩放
|
||||
@@ -293,5 +293,4 @@ export async function calculatePhotosArea(url: string,options:object) {
|
||||
}
|
||||
return [imgarea[0] + "px", imgarea[1] + "px"];
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user