如何将宽度和高度设置为可拖动图像
How to set width and height to draggable image?
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');
}
这是我将图像拖到画布上的jquery函数。但是当拖动图像时,它显示为其原始图像大小。如何定义拖动到画布时的图像大小。
start: function(event,ui) {
$(this).css({ height: 100, width: 100 });
},
stop: function(event,ui) {
$(this).css({ height: 100, width: 100 });
},
你可以尝试上面的代码。否则,您只需为类设置css
文件.drag-image
图像大小即可。
相关文章:
- 无法为HTML5中具有画布和图像的可拖动元素设置“拖动图像”
- JQuery UI可拖动:如果助手设置为克隆,为什么不't可拖动集的已应用类到克隆
- 拖动时设置滚动条不透明度
- 谷歌地图:想在设置draggable为true后直接拖动地图
- HTML元素的光标是在拖动之后设置的,但不是在拖动过程中设置的
- 获取图像可见区域状态,以在画布中将图像设置在先前拖动的位置
- 如何将宽度和高度设置为可拖动图像
- 如何在鼠标单击时设置可拖动事件
- 在 SpannableString 上设置拖动侦听器
- 通过可拖动的 SVG 形状设置 HTML 输入值 ?(或画布)
- 设置下降效果和效果允许在拖动启动不会立即生效
- 从画布 html5 中上传的图像中删除拖动属性(将区域设置为上传的图像)
- 在传单地图上设置并拖动标记可更新表单输入字段,而无需发送
- 根据拖动方向设置轴jQuery拖动
- 设置可拖动对象的左上角位置
- 拖动&将自定义HTML拖放设置为拖动图像
- Jquery-如何设置溢出以滚动具有多个可丢弃项的可拖动项
- 设置拖动事件的起始位置
- 如何在d3 JavaScript库中设置拖动行为的原点(drag. Origin)
- html 拖放设置拖动图像在第一次拖动时不会设置重影图像