지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > HTML 튜토리얼 > Jcrop裁减图片的问题_html/css_WEB-ITnose

Jcrop裁减图片的问题_html/css_WEB-ITnose

WBOY
풀어 주다： 2016-06-24 11:43:58
원래의
1303명이 탐색했습니다.

    希望有用过Jcrop插件处理图片的大侠看看我遇到的问题。
    由于需要处理的图片很大，我把要被裁减的图片放在了一个div里面，如下： 

<div style="width:700px;height:500px;overflow:scroll">	<img  src='imageUpload/<s:property value="imageFileName"/ alt="Jcrop裁减图片的问题_html/css_WEB-ITnose" >' id="target"/></div>
로그인 후 복사

    然后超出显示范围的部分我设定了div的css属性overflow：scroll，这样处理大图片的时候超出div的部分就可以通过滚动条查看了。
    可是这样遇到一个问题，就是当裁减图片的选择框移动到需要拖动滚动条才能显示的区域时，裁剪框就无法拖动，只要单击裁剪框，它就会跑到其他位置，这样就没办法正常裁图了。
    
    如有使用Jcrop的大侠请验证是否有我说的这个问题，然后应该怎么解决呢？

    分不多了，请包涵！


回复讨论(解决方案)

定义画布宽就行了

遇到同样的问题，楼主解决了没呢？能否告知一下。

관련 라벨：
Jcrop裁减图片的问题
원천：php.cn
이전 기사：求教大神一个布局问题_html/css_WEB-ITnose 다음 기사：通过jQuery制作电子时钟表的代码_html/css_WEB-ITnose
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
CSS를 사용하여 Next.js의 Tic-Tac-Toe 보드에서 각 줄 아래의 공간을 제거하는 방법은 무엇입니까? 각 줄 아래에 공백이 있는 이유는 무엇입니까? (CSS) 저는 제 실력을 테스트하기 위해 Next.js tic-tac-toe 앱을 만들려고 합니다. 그러나 CSS...
에서 2024-04-05 11:39:02
0
1
1431
사용자가 한 페이지에서 이미지를 업로드하거나 변경하고 다른 페이지에 표시하도록 허용하는 방법은 무엇입니까? 사용자가 한 페이지에 사진을 업로드한 다음 다른 페이지에 표시하도록 하는 방법은 무엇입니까? 사용자는 이미지를 변경할 수 있으며 다른 페이지에서도 변경됩니다. 또...
에서 2024-04-01 18:33:31
0
1
332
PHP의 배열: 새 항목을 추가할 때 놀라운 결과 그래서 저는 Instaloaderpython 라이브러리에서 수집한 이미지를 수집하고 이를 제 웹사이트의 갤러리에 넣을 수 있는 코드를 작성하고 있습니다. 아무 문...
에서 2024-03-31 14:10:42
0
1
405
이 카드를 어떻게 가운데 정렬하나요? swiperjs로 만든 카드에 문제가 있습니다. 모바일 화면 중앙에 카드를 맞추려고 하는데 그럴 수 없습니다. 이 문제를 해결하도록 도와주세요. varswiper...
에서 2024-03-31 11:48:07
0
1
396
Array JS의 이미지 52개 저는 IT Assistant 1년을 공부하고 있으며 현재 JavaScriptHTML 및 CSS를 사용하여 카드 게임을 코딩해야 합니다. 내 질문은: 어떻게 JS에...
에서 2024-03-30 21:14:49
0
1
272
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿