利用html2canvas时图片变形问题以及保存时超出屏幕缺失

最新推荐文章于 2024-07-25 16:45:28 发布

hy3528

最新推荐文章于 2024-07-25 16:45:28 发布

阅读量4.1k

点赞数

分类专栏： html H5

本文链接：https://blog.csdn.net/hy3528/article/details/105142123

版权

html 同时被 2 个专栏收录

73 篇文章 1 订阅

订阅专栏

16 篇文章 0 订阅

订阅专栏

           //判断图片宽高赋予不同的css
            widthheight(e, id) {
                // 判断图片的宽高
                let that = this
                // 图片地址 e是传进来的图片链接（或者你可以直接写图片链接进来）
                var img_a = e;
                // 创建对象
                var imga = new Image();
                // 改变图片的src
                imga.src = img_a;
                // 判断是否有缓存1
				//	图片不需要加载时执行
                    if (imga.complete) {
                        // 打印
                        // alert('from:complete : width:' + img.width + ',height:' + img.height);
                        var imgawidth = imga.width
                        var imgaheight = imga.height
                        console.log(imgawidth, imgaheight, "我走00")
                        if (imgawidth > imgaheight) {
                            $('#heada').css("height", "100%");
                            $('#heada').css("width", "auto");
                            console.log("a")
                        } else {
                            $('#heada').css("width", "100%");
                            $('#heada').css("height", "auto");
                            console.log("b")
                        }
                    } else {
                        // 加载完成执行
                        imga.onload = () => {
                            var imgawidth = imga.width
                            var imgaheight = imga.height
                            console.log(imgawidth, imgaheight, "我走01")
                            if (imgawidth > imgaheight) {
                                $('#heada').css("height", "100%");
                                $('#heada').css("width", "auto");
                                console.log("a")
                            } else {
                                $('#heada').css("width", "100%");
                                $('#heada').css("height", "auto");
                                console.log("b")
                            }
                        }
                    }
           
                // 判断图片的宽高 end
            }