truesize 속성을 사용하여 JCrop이 반응 형 이미지로 올바르게 작동하도록하는 몇 가지 솔루션을 볼 수 있습니다. 그러나 JCrop을 사용할 때 이미지를 반응 적으로 얻는 데 어려움을 겪고 있습니다. jCrop 코드를 제거하고 다음 CSS를 추가하면 이미지가 반응적입니다. 요컨대 - JCrop이 작동합니다. 반응이 많은 이미지가 작동합니다. 하지만
저는 HTML5를 처음 사용하고 JCrop으로 이미지를 자르려고합니다. 직접 자르려면 문제가 없지만 캔버스로 그릴 때 JCrop은 작동하지 않습니다. 필자는 뷰포트 캔버스에 그려 넣을 수있는 이미지 변수를 만들고 그 ID를 동적으로 설정할 수있는 이유를 생각합니다. 따라서 Jquery는 동적으로 생성 된 이미지에 액세스 할 수 없습니다. 하지만 그렇다고해도
다음은 내 PLNKR CODE입니다. 흐름 - 1) 네 가지 이미지 중 하나를 클릭은 (핑크, 녹색, 노란색, 파란색) 그들은 붉은 DIV로로드받을. 2) 이미지를 드래그하고 "자르기 적용"버튼을 클릭하십시오. 하지만 이제 자르기 옵션을 제거하여 "자르기 제거"버튼을 클릭했습니다. 에 코드 자르기에게 버튼 클릭을 제거 - $("#removeCrop").on
나는 angularjs에 jrCrop 플러그인을 사용하여 cordova의 카메라 플러그인과 자르기 이미지를 사용하여 이미지를 캡처하려고합니다. 이미지를 자르고 파일 시스템에 저장할 때 잘 작동하는 cordova 및 jrCrop 플러그인의 카메라 플러그인 모두. 더 작은 이미지가 작도 될 때 jrCrop 디스플레이 이미지의 컨테이너가 잘 보이지만 더 큰 이미
JCrop을 사용하고 입력 필드로 너비와 높이를 설정하려고합니다. 높이 필드에 400 픽셀을 입력하면 Jcrop은 선택 영역의 크기를 279 픽셀로 조정합니다. 나는이 행동을 비판하지 않는다. http://jsfiddle.net/oxfep056/6/ HTML : <form>
X: <input name="x" type="text" readonly /
jCrop을 사용 중이고 이전 선택을 지우려고합니다. setSelect는 null과 같지만 핸들은 여전히 왼쪽 상단 모서리에 나타납니다. 어떻게 제거합니까? 나는 주제에 관한 이전 게시물 https://code.google.com/p/jcrop/issues/detail?id=7을 발견했지만 그 제안에 대해서는 운이 없었습니다. 도움 주셔서 감사합니다.
jcrop 플러그인을 사용하여 여러 이미지를 자르려고합니다. 이 플러그인은 단일 이미지 자르기 작업하지만 루프에서 개별적으로 여러 이미지를 자르는 방법을 모릅니다. <?php
$id=$_GET['id'];
$query_image=mysql_query("SELECT * FROM tbl_images WHERE `id`='$id'");
JCrop 예제 코드를 사용하여 이미지의 영역을 선택하고 선택한 영역의 미리보기를 표시하고 선택한 영역의 좌표를 가져올 수있었습니다. 하지만 미리로드 된 이미지에 대해서만이 작업을 수행 할 수 있습니다. 사용자가 자신의 파일 시스템에서 이미지를 선택하고 브라우저로 가져 와서 위와 같은 작업을 수행 할 수있게하고 싶습니다. 이미지에 하드 코딩 된 참조를 간단
나는이 같은 변수를 설정 한 경우 : 그것은 형식 승,는 X, Y, X2, Y2, 시간 좌표 내 현재 Jcrop 선택을 반환 var coords = jcrop_api.tellSelect();
합니다. 지금은 다시 그에게 나의 좌표를 설정하려면 , 내가 갈 수 : jcrop_api.animateTo(coords)
을하지만 animateTo 함수는 4의