javascript - 이미지를 클릭하여 확대 및 축소하는 데 사용할 수 있는 간단한 js가 있습니까?

HTML에서 이미지를 확대 축소할 수 있는 js를 참조하고 싶은데 큰 이미지와 작은 이미지 두 종류를 사용하는 것이 가장 좋습니다. 쇼핑몰 댓글에 대한 더 간단한 이미지 공유 기능이 있나요? 모르겠어요.

習慣沉默 2017-05-19 10:47:30 0  2  740

javascript - gulp 이미지 압축 플러그인을 설치한 후 gulp 명령을 실행한 후 'file-type' 모듈을 찾을 수 없음이 보고되는 이유는 무엇입니까?

이 이미지 압축 도구를 설치한 후 gulp 명령을 실행하여 html과 css를 압축할 수 있었지만 이제는 첫 번째 이미지에 대해 오류가 보고됩니다. 그리고 js 파일을 압축할 수 없는 이유도 알려주세요.(gulp-uglify 플러그인이 설치되어 있습니다.) 인터넷에서는 구문 오류라고 하는데 브라우저에서는 안보이네요. ..

世界只因有你 2017-06-22 11:54:19 0  1  1053

javascript - HTML에서 이미지, JS 및 CSS는 태그의 src 또는 url을 통해 서버에서 리소스를 얻습니다. 서버는 각 리소스에 해당하는 응답을 작성해야 합니까?

최근 Xiaobai가 nodeJS를 배우고 있는데, 제가 네트워크 프로그래밍을 할 때 브라우저는 먼저 입력된 주소를 통해 페이지에 HTTP 요청을 보낸 다음(서버가 요청에 응답하고 HTML 파일을 반환함) 그림을, HTML의 JS 및 CSS는 태그를 통해 전달됩니다. src 또는 href는 서버(또한 브라우저)에서 리소스를 가져옵니다.

为情所困 2017-06-17 09:16:59 0  1  1004

제목 재작성: 이미지 이름에 하이픈이 포함되어 있거나, 너무 길거나, 위치에 따라 달라지는 경우 이미지 로드가 차단됩니다.

내 웹 사이트 아래의 C:\xampp\htdocs\catshop\assets\img 폴더에 일부 이미지가 있습니다. 이미지에 food-adult-wet-meo-sardine-in-prawn-jelly-400g과 같은 이름이 있으면 웹사이트에 표시되지 않습니다. 그러나 이름이 can1.png 또는 can-1.png와 같은 경우에는 (같은 위치에 있더라도) 올바르게 표시됩니다. food-prawnjelly.png라고 이름을 붙이면 하나만 있어도

P粉794851975 2024-01-16 18:25:49 0  1  384

JavaScript 또는 jQuery를 사용하여 이미지의 자연스러운 크기를 얻는 방법은 무엇입니까?

지금까지 다음 코드가 있습니다. varimg=document.getElementById('draggable'); varwidth=img.clientWidth; varheight=img.clientHeight; 파일의 실제 이미지 리소스 크기를 얻고 싶습니다. 이미지를 업로드한 후 너비가 0px로 설정되고 왜, 어디서 이런 일이 발생하는지 모르기 때문에 이것이 필요합니다. 이를 방지하기 위해,

P粉916553895 2023-10-21 13:53:08 0  2  781

javascript - 캔버스 처리 이미지 문제

사용자가 업로드한 사진을 처리하려면 캔버스를 사용해야 합니다. 사용자가 업로드한 크기가 매우 클 수 있습니다. 예를 들어 현재 브라우저 창의 너비와 높이를 초과하므로 표시 영역에 비례하여 크기를 조정합니다. 브라우저의 다음 캔버스에 그립니다. 하지만 이는 사용자의 그림을 축소하는 것과 같습니다...

扔个三星炸死你 2017-06-10 09:49:16 0  3  963

javascript - Html5 또는 원본 js를 통해 온라인으로 이미지를 둥근 직사각형으로 자르는 방법은 무엇입니까?

h5 또는 js에 웹 페이지에서 이미지를 자른 다음 둥근 모서리로 자르는 방법이 있나요? 현재는 직사각형 컷만 보았습니다. 모서리가 둥근 투명한 .png 컷을 얻을 수 있는지 궁금합니다.

ringa_lee 2017-06-08 11:03:09 0  2  782

javascript - 어떻게 webp 형식의 사진이 Firefox와 같은 브라우저와 호환될 수 있나요?

webp 형식의 사진은 어떻게 Firefox와 같은 브라우저와 호환됩니까?

大家讲道理 2017-07-05 10:52:03 0  1  976

javascript - Tinymce 편집기에서 콘텐츠 이미지 크기 조정을 비활성화하는 방법은 무엇입니까?

제목에서 알 수 있듯이 현재 Weibo 콘텐츠 전송을 위한 편집기로 Tinymce가 사용되고 있습니다. 사진을 삽입한 후, 사진을 클릭하면 크기를 변경할 수 있다는 것을 알았습니다. 즉, 4개의 점이 나타나며, 사진을 확대 및 축소할 수 있습니다. 이를 비활성화하려면 어떻게 해야 합니까?

巴扎黑 2017-07-05 10:41:20 0  1  1168

javascript - WeChat 공식 계정을 팔로우하면 WeChat 아바타와 QR 코드가 포함된 사진을 받게 됩니다. 이 이미지는 어떻게 생성되었나요?

WeChat 공식 계정을 팔로우하면 WeChat 아바타와 QR 코드가 포함된 사진을 받게 됩니다. 이 이미지는 어떻게 생성되었나요?

PHP中文网 2017-05-27 17:42:17 0  3  904

화면 크기에 맞는 버튼 만들기 - 배경 이미지 사용법에 대한 자세한 설명

여러 그래픽을 나란히 표시하고 장치 화면 크기에 맞게 조정해야 하는 pfsensecaptiveportal을 개발 중입니다. 이는 이미지 입력 ​​유형을 사용하여 훌륭하게 달성할 수 있습니다. 그러나 pfsense 장치는 이 커밋을 올바르게 인식하지 못합니다. 작동하려면 "계속" 값을 가진 커밋 유형이 필요합니다. 대신 배경 이미지를 사용해 보았지만 배경 이미지의 크기가 조정되지 않습니다. 화면이 작아지면 전체 크기로 나타나고 잘립니다. 배경 이미지 크기를 조정하려면 어떻게 해야 합니까? #content{글꼴-가족

P粉345302753 2023-08-16 13:38:12 0  1  606

CSS - 부동 소수점 요소가 떨어지는 문제를 해결하는 방법

이 효과를 얻고 싶지만 현재 코드는 다음과 같습니다. {code...} {code...} 너비 문제에 대한 답변을 많이 읽었습니다. 너비를 줄이기 위해 사진의 크기를 비례적으로 조정할 수 있는 방법이 있습니까?

怪我咯 2017-05-16 13:36:42 0  7  1199

javascript - 캔버스 압축 이미지의 최대 압축률은 얼마입니까?

최근 프로젝트에서는 이미지를 압축하여 업로드하였고, 이미지를 압축하기 위해 캔버스를 사용하였습니다. 캔버스는 이미지마다 최소 압축률이 다른 것으로 나타났습니다. 가장 큰 22M 사진의 경우 가장 작은 사진은 약 900k까지만 압축할 수 있으며 압축률은 0.036입니다. 그리고 사진 중 하나(약 900,000개 정도...)

大家讲道理 2017-06-12 09:28:20 0  1  940

javascript - 로컬에서는 작동하지만 서버에서는 작동하지 않는 이유는 무엇입니까?

로컬에서 html 파일을 생성하고, 다음 두 코드를 입력했는데, 서버에서는 왜 정상적으로 실행되지 않나요? 정상적으로 로컬에서 이미지를 확대 축소해서 서버에서 실행할 수 있는데 클릭해도 효과가 없나요? {코드...} {코드...}

ringa_lee 2017-05-19 10:47:15 0  2  895

javascript - JS 이미지 압축 및 파일로 업로드

WEBKIT에서는 이미지를 업로드할 때 JS 이미지 압축을 사용하며, 이미지 선택 시 이미지를 압축하여 해당 이미지의 BASE64 데이터를 얻은 후, 폼 제출 시 해당 이미지를 File 형태로 업로드하여 BASE 데이터를 얻었습니다. 하지만 업로드된 파일도 BASE64 데이터이므로 파일을 사용하여 multipart/form-dat를 직접 업로드할 수는 없습니다.

淡淡烟草味 2017-05-18 10:58:12 0  4  1683

Android의 이미지뷰에 경로 및 음성 파일을 추가하고, 경로 및 음성의 위치를 ​​기록하고, 편집 중에 위치를 변경하지 않고 유지하는 방법

그림에 경로를 그립니다. 경로 끝에 음성을 추가할 수 있습니다. 음성을 클릭하면 경로와 음성이 녹음됩니다. 편집 시 경로와 음성이 삭제됩니다. 이미지의 크기가 조정되면 그에 따라 경로의 크기도 조정되어야 합니다.

黄舟 2017-05-24 11:37:46 0  1  909

SVG 이미지를 사용하여 반응형 그리드 영역을 만들 수 없습니다

svg 이미지가 포함된 반응형 그리드 영역을 만들려고 하면 임의의 그리드 영역 너비와 같은 이상한 동작이 발생하고 이미지가 멈추지 않고 특정 지점까지 커지거나 줄어들 수 없습니다. 내가 얻은 가장 가까운 것은 *{box-sizing:border-box;}body{margin:0;}header{display:grid;grid-template-columns:auto1fr; background-color:green;padding:1r

P粉022140576 2023-08-30 19:15:16 0  1  548

CSS 그리드를 사용하여 이미지를 정렬하는 방법은 무엇입니까?

CSS 그리드를 사용하여 웹사이트의 일부를 구축하려고 합니다. 목록과 이미지를 같은 줄에 유지하고 화면 크기가 변경되면 축소/확대되도록 노력하고 있습니다. 코드는 아래에 붙여넣었습니다. 어떤 도움이라도 대단히 감사하겠습니다. 내 그리드 템플릿 내에 오류가 있는지 궁금합니다. .pm{display:inline-grid;max-width:100%;position:relative;margin:auto;grid-template-areas:"titletitle&quo

P粉463824410 2024-04-01 22:08:31 0  1  440

javascript - 낮은 버전의 Chrome 및 모바일 터미널에서 SVG 글꼴 크기 조정 문제가 있습니다.

낮은 버전의 셸 브라우저와 360 Extreme Speed와 같은 모바일 브라우저에서는 svg의 <tspan> 태그에 있는 글꼴 크기가 올바르게 조정되지 않지만 최신 버전의 Chrome에서는 정상입니다. {코드...} 창을 축소할 때 스피드 브라우저의 글꼴 크기를 12px로 확대해도 축소되지 않습니다. 최신 크롬에서는 잘 되는데..

怪我咯 2017-05-16 13:32:50 0  1  703

Vuetify를 사용하여 모바일 화면에서 테이블의 전체 너비를 얻을 수 있나요?

Vue2 및 Vuetify를 사용하여 작은 화면에서 테이블 "축소"를 달성할 수 있습니까? 모바일 화면에서 테이블이 전체 너비를 유지해야 하고 확대할 수 있어야 하는 과제가 있습니다. 기본적으로 img와 유사한 동작을 달성합니다. 기본적으로 이 이미지에서 두 번째 화면을 구현해야 하지만 v-data-table을 사용합니다. "둘 다 똑같이 나쁘다"고하더라도 두 번째 해결책이 필요합니다. Vuetify 전용 솔루션이 있나요?

P粉842215006 2023-08-30 20:56:28 0  1  612