Javascript 如何设置可拖动图像的宽度和高度？ 函数登录\u回调（）{ //警报（“您已成功登录！访问令牌：+instaAccessToken”）； var url='1〕https://api.instagram.com/v1/users/self/media/recent/?access_token=“+instaAccessToken； $.get（url、函数（数据）{ $.each（data.data，function（i，item）{ var thumb=item.images.low_resolution.url； var image=item.images.standard_resolution.url； var-str=''； $（'instafeed'）。追加（str）； $（'.drag image'）。可拖动({ 助手：“克隆”， 附于：'正文'， 遏制：“文件”//// 他说:对,， 停止：功能（事件、用户界面）{ }, 拖动：函数（事件、ui）{ handleDrag（事件、用户界面）； } }); }); }"jsonp",；

}

这是我的jquery函数，用于将图像拖动到画布。但当拖动图像时，它会显示为其原始图像大小。如何在拖动到画布时定义图像大小

function login_callback() {
    //alert("You are successfully logged in! Access Token: "+instaAccessToken);
    var url = 'https://api.instagram.com/v1/users/self/media/recent/?access_token='+instaAccessToken;
    $.get( url, function( data ) {
        $.each(data.data, function(i, item) {
            var thumb = item.images.low_resolution.url;
            var image = item.images.standard_resolution.url;
            var str = '<div class="col-xs-6"><img data-src="'+image+'" src="'+thumb+'" class="thumbnail drag-image"/></div>';
            $('#instafeed').append(str);
            $('.drag-image').draggable({
                helper: 'clone',
                appendTo: 'body',
                containment: 'document',////
                refreshPositions: true,
                stop: function(event,ui) {
            },
            drag: function( event, ui ) {
                handleDrag(event,ui);            
            }

            });
        });
    },'jsonp');

您可以尝试上面的代码。否则，只需在

css

文件上为

设置图像大小。拖动图像

类即可

                start: function(event,ui) {
                $(this).css({ height: 100, width: 100 });
                },

                stop: function(event,ui) {
                $(this).css({ height: 100, width: 100 });
                },