Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 基于64位图像如何更改高度和宽度_Jquery_Html - Fatal编程技术网

Jquery 基于64位图像如何更改高度和宽度

Jquery 基于64位图像如何更改高度和宽度,jquery,html,Jquery,Html,我有一个插件,以屏幕截图页面使用url这个形象 并创建基于64位的图像 <img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs%3D" data-url="google.com" alt="google"> 当我查看页面源代码时,它显示我的图像是320 X 240像素,如何将其调整为500 X 500像素 谢谢你能帮我找到答案谢谢, 我搜索了很多,但看不到解决方案。你能创建一个plnkr来演示吗?嗨,使

我有一个插件,以屏幕截图页面使用url这个形象 并创建基于64位的图像

<img src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs%3D" data-url="google.com" alt="google">
当我查看页面源代码时,它显示我的图像是320 X 240像素,如何将其调整为500 X 500像素

谢谢你能帮我找到答案谢谢,
我搜索了很多,但看不到解决方案。

你能创建一个plnkr来演示吗?嗨,使用这个@BrandonJakeSullano应该能够通过在url中添加
&strategy=mobile
高度
增加到
569
宽度
增加到
320
;看见也可以尝试使用
画布调整图像大小
是否有比&srategy=mobile更大的图像?我可以使用桌面屏幕吗?
    $(window).load(function() {

        $('img[data-url]').each(function() {
            $.ajax({
                url: 'https://www.googleapis.com/pagespeedonline/v1/runPagespeed?url=' + $(this).data('url') + '&screenshot=true',
                context: this,
                type: 'GET',
                dataType: 'json',
                success: function(data) {
                    data = data.screenshot.data.replace(/_/g, '/').replace(/-/g, '+');
                    $(this).attr('src', 'data:image/jpeg;base64,' + data);
                }
            });
        });

});