2013-05-22 1 views
0

jQuery-UI가있는 표준 크기 조정 모듈에는 동쪽과 남쪽을 동시에 끌기위한 SE 그립 영역이 있지만 동쪽으로 드래그하거나 남쪽으로 드래그 할 수도 있습니다. 따라서 사용자가 45도 각도로 계속 끌기 위해 세심한주의를 기울이지 않으면 동쪽이나 남쪽으로 쉽게 드래그하여 대상의 종횡비를 파괴 할 수 있습니다.더 많은 jQuery 크기 조정 모듈이 있습니까?

SE 코너의 작은 영역을 클릭하여 드래그가 자동으로 SE 모드로 전환되도록하고 싶습니다. 조심스럽지 않고 실수로 미끄러지거나 움직이는 경우에도 마찬가지입니다. 동쪽 또는 남쪽. 이 같은 것을 사용할 수 있습니까?

감사합니다.

답변

0

이렇게 설정하면됩니다. 네가 다른 것을 찾고 있다면 알려줘.

$(function() { 
    $("#myid").resizable({ 
     aspectRatio: 16/9 
    }); 
}); 

{alsoResize : 'your element'}를 사용하여 다른 콘텐츠의 실제 크기를 조정할 수 있습니다.

$("#myid").resizable('option', 'option here'); 

요소의 비율을 얻기 :

이 옵션을 설정합니다. 여기에 당신이 사용할 수있는 함수는 다음과 같습니다

function gcd(a,b) { 
    if(b>a) { 
     temp = a; a = b; b = temp 
    } 
    while(b!=0) { 
     m=a%b; a=b; b=m; 
    } 
    return a; 
} 
function getRatio(x,y) { 
    c=gcd(x,y); 
    return ""+(x/c)+"/"+(y/c) 
} 

전화가 좋아 :

그것은 전직에 대한 반환
getRatio(elementWidth, elementHeight) 

: 4/3.

+0

글쎄, 그 비율을 16/9로 강제하고 원래 상자가 뭔가 다른 수 있습니다. 또한 SE 코너에서 처음 클릭 할 때만 가로 세로 비를 고정하고자합니다. 나는 jsfiddle을 여기 http://jsfiddle.net/DWsaY/3/에 넣어서 aspectRatio를 포함하도록 크기 조절 옵션을 변경하려고합니다 : se 코너가 클릭되었을 때 true이지만 작동하지 않습니다. 아마도 누군가가 문제를 볼 수 있습니다. – Steve

+0

그래서 필요에 따라 변경하고 변경하면 jquery UI의 set 옵션을 호출하여 업데이트합니다. – origin1tech

+0

업데이트 된 소식을 살펴보고 더 살펴볼 항목을 제공합니다. – origin1tech