Chrome 또는 Edge에서 _moz_resizing을 시뮬레이트하는 방법은 무엇입니까?

그래서 파이어 폭스뿐만 아니라 클라이언트 측의 이미지 크기를 조정하고 싶습니다. 파이어 폭스에서 생성 된 요소, 속성 _moz_resizing = "true"을 가지고Chrome 또는 Edge에서 _moz_resizing을 시뮬레이트하는 방법은 무엇입니까?

알 수 있습니다.

코드는 다음과 같이 단순하다.

document.querySelector('p').contentEditable = true;

<p> 
 
    <img src='http://cdn.sstatic.net/Sites/stackoverflow/img/apple-touch-icon.png' alt='stackoverflow icon'> 
 
</p>

너무 크롬과 가장자리에 대해이 작업을 수행 할 수있는 방법이 있습니까? JavaScript로 솔루션을 제공하려고합니다. jQuery보다 vanilla.js가 좋으면 좋겠어요. 미리 감사드립니다.

출처

2016-06-03 Jose Serodio

당신은 사업부와 이미지를 배치하고이 스타일을 추가하여 크롬이를 얻을 수 있습니다 ..

는

resize: both; 
overflow: auto;

데모 : https://jsfiddle.net/anwar3606/d184oqfz/

JQuery와 UI

JQuery와 UI는 아주 제공 좋은 resizability 기능과 매우 사용하기 쉽습니다. https://jqueryui.com/resizable/#default

출처

2016-06-03 09:17:30

감사합니다. 이 솔루션에 대해 내가 싫어하는 것 몇 가지. 처음에는 Edge에서 작동하지 않지만 두 번째로는 Chrome에서 작동하지만 이미지 크기를 줄이면 (크기를 줄이지 않고) 이미지를 더 크게 만들 수 없습니다. Firefox에서는 어떻게 든 작동하지만 더 나은 상태를 유지합니다. 그래서 나는 당신에게 표를 던졌지 만 여전히 내가 찾고있는 것이 아니다. –

또한 스크롤을 숨기면 (오버플로 : 숨김) Chrome에서 더 이상 크기가 조정되지 않고 Firefox에서 계속 작동하는 것으로 나타났습니다 ... –

내 솔루션도 마음에 들지 않았습니다. 다시 답변을 확인하십시오. . –

답변

관련 문제