html5를 사용하여 이미지 스크롤 효과를 만들 수 있나요?

html5를 사용하여 이미지 스크롤 효과를 만들 수 있나요?

。 2018-01-31 16:19:16 0  1  1537

touchmove를 사용하여 Y 좌표 캡처: 단계별 가이드

html, javascript, canvas를 사용하여 모바일 앱을 만들려고 하는데, 기본적으로 아래로 스크롤하면 이미지 확대/축소가 늘어나고, 위로 스크롤하면 이미지 확대/축소가 감소하는데, 스크롤할 때마다 크기가 계속 커지기 때문에 확대/축소만 줄일 수 있습니다. 크기가 줄어들기를 바랍니다. 자바스크립트 코드의 일부: document.addEventListener('touchmove',(event)=>{if(event.pageY<0){zoomLevel/=1

P粉996763314 2023-10-08 10:35:03 0  1  687

javascript - 모바일 단말에 미치는 작은 영향

아래로 스크롤하면 배경 이미지가 줄어듭니다. 질문: 이 애니메이션을 더 원활하게 작성하는 방법(모바일 버전)은 무엇입니까?

过去多啦不再A梦 2017-05-16 13:25:36 0  2  783

javascript - 클릭 이벤트 버그입니다. 무엇이 잘못되었는지 모르겠습니다.

1. 그림이 입 오른쪽으로 스크롤 된 후 왼쪽 화살표를 빠르게 클릭하면 돋보기 기능이 무효화되고 그 외의 경우에는 아무데나 클릭해도 문제가 없는 것 같습니다. 어디에서 문제가 발생했는지 알 수 없습니다. stop()과clearQueue()를 사용했지만 효과가 없습니다. html code {code...} css {code...} jQuery...

ringa_lee 2017-05-18 10:59:14 0  1  978

페이지 확대/축소를 위해 마우스 휠을 사용하고, 페이지를 이동하려면 클릭하고 드래그하세요.

마우스 휠을 사용하여 전체 페이지에 대한 스크롤 및 패닝 효과를 만드는 방법은 무엇입니까? 기본적으로 다른 2D 편집기와 마찬가지로 스크롤하여 확대/축소하고 클릭하고 드래그하여 이동하지만 몸체 전체에 적용됩니다. 온라인에서 이에 대한 정보를 찾을 수 없습니다.

P粉308783585 2024-03-26 14:11:27 0  1  311

html5 - vue 기반 이미지 보기, 어떻게 구현하나요?

효과는 WeChat Moments에서 사진을 보는 것과 동일합니다. 긴 사진을 보고, 확대하고, 사진 수를 표시할 수 있습니다.

怪我咯 2017-05-16 13:42:53 0  1  442

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

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

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

Chart.zoom() 호출 후 X축 해제: 단계별 가이드

스크롤 전략을 setScrollStrategy(AxisScrollStrategies.progressive)로 설정했고 로드된 페이지에서 데이터가 매우 빠르게 들어오기 때문에 차트가 매우 빠르게 스크롤됩니다. 하지만 차트 시작 시 Chart.zoom({x:-200,y:180},{x:500,y:500})을 사용하여 특정 확대/축소를 설정하면 차트가 자동으로 표시되지 않아 이 문제를 해결했습니다. X축 스크롤 더 이상 존재하지 않습니다. X축을 두 번 클릭하지 않고 축을 해제하려면 어떤 함수를 호출해야 합니까? 또 다른 문제

P粉323050780 2024-04-04 23:40:56 0  1  1487

태블릿에서 브라우저 제스처 확대/축소 기능을 완전히 비활성화하는 방법

태블릿에서는 멀티터치 기능이 있어서 제스처를 이용해 직접 확대/축소할 수 있는데, 현재는 이 효과를 비활성화하고 싶은데, 여러 가지 방법을 시도해 봤는데 역시 안되는 것 같습니다. 줌은 PC CTRL + 스크롤 휠 줌과 동일합니다. 단순한 메커니즘이 아니라 가장 안정적인 것은 CSS 컨트롤입니다.

怪我咯 2017-06-30 09:57:23 0  1  1074

전체 페이지를 이동하지 않고 특정 섹션을 대상으로 하는 페이지 내에서 세로 스크롤 구현

일부 페이지에서 이런 효과를 본 적이 있습니다. 아래로 스크롤했지만 페이지 자체가 움직이지 않는 것 같습니다. 따라서 일부 요소는 페이드 인 또는 아웃되거나 나타나거나 사라집니다. 5장의 카드가 포함된 섹션이 있습니다. 이제 동일한 효과를 만들고 싶습니다. 섹션까지 아래로 스크롤할 때 위아래로 스크롤하여 섹션을 탐색하고 싶습니다. 현재 위치에 따라 카드를 표시하거나 숨기고 싶습니다. 먼저 해당 섹션에 Overflow:scroll을 추가했지만 이 효과를 만들 아이디어가 부족했습니다.

P粉946437474 2023-08-15 19:29:46 0  1  391

javascript - vue 스크롤 로딩 이미지

요구 사항: 스크롤 막대를 아래로 당길 때 그림을 로드하고, 한 번에 6개의 그림을 로드합니다. 그림 수가 30개를 초과하면 로드가 완료된 후 처음 6개의 그림이 제거되고 30개의 DOM 노드가 로드됩니다. 유지됩니다. 이제 데이터에 imgarr=[]를 저장할 이미지 주소로 설정합니다.

阿神 2017-05-18 10:59:25 0  2  640

angular.js - 如何只用 AngularJs 实现图片滑动切换？

AngularJS的图片轮播效果或是图片滑动切换效果在百度上搜到的代码基本都是基于bootstrap这个控件来实现的。 如何实现纯AngularJS不带jQ或其他。实现如手机淘宝的宝贝详情页的顶层banner那样的滑动切换图片的效果？

大家讲道理 2017-05-15 16:51:32 0  1  780

뷰포트에 있을 때만 Javascript 스크롤 IntoView

모형을 만들었습니다(비디오가 재생되는 동안 새 텍스트 줄로 스크롤할 때 간격을 사용한다는 점에 유의하세요). 저는 'nearest' 블록과 함께 scrollIntoView를 사용하고 있습니다. 문제는 전체 페이지가 스크롤되기 때문에 여전히 페이지를 스크롤한다는 것입니다. 나는 단지 linediv의 활성 텍스트 줄로 스크롤하기를 원합니다(보기에 있을 필요는 없습니다). 왜냐하면 "동영상" div를 보면 계속해서 아래로 스크롤되기 때문입니다(원치 않는 동작입니다). vartext=document.querySelecto...

P粉011684326 2023-09-11 16:33:49 0  1  480

하이차트: 스크롤바가 그리기 영역만 덮도록 만들기

다음은 highcharts 문서의 스크롤바 튜토리얼을 기반으로 한 샘플 차트에 대한 바이올린입니다: https://jsfiddle.net/zao68u2k/1/ 기본 데모에 적용한 유일한 변경 사항은 다음을 통해 마스크를 제거하는 것이었습니다: scrollablePlotArea:{ opacity:1,}이제 마스크가 사라졌으므로 스크롤 막대가 차트의 전체 너비를 차지하는 것은 의미가 없습니다. 그림에서 시뮬레이션한 것처럼 축을 포함하지 않고 플롯 자체의 너비만 되도록 스크롤 막대를 줄이고 싶습니다. 가능합니까?

P粉692052513 2023-09-16 11:04:01 0  1  986

javascript - 스크롤 막대에 따라 페이지에서 고정 위치의 사이드바 위치를 동적으로 늘리는 방법은 무엇입니까?

요구 사항은 다음과 같습니다. 처음에는 페이지의 사이드바가 페이지의 특정 위치(예: 오른쪽: 0, 아래쪽: 0)에 고정되어 있습니다. 바닥글 부분을 접으면(아래 그림 참조) 특정 위치에 도달하면 스크롤 막대가 증가함에 따라 하단의 값이 증가합니다. 효과는 시작점과 유사합니다.

高洛峰 2017-06-26 10:53:43 0  2  948

javascript - svg 초보자, svg에 그림을 삽입하고 싶습니다

코드는 위와 같습니다. svg에 그림을 삽입하고 그림에 애니메이션을 적용하고 싶지만 효과가 없습니다.

代言 2017-06-24 09:44:02 0  1  849

javascript - 특정 조건이 충족되면 드래그 앤 드롭을 중지하도록 jquery ui의 드래그 앤 드롭 기능을 구현하는 방법

그림과 같이 오른쪽 하단의 작은 점을 드래그하면 이미지를 확대/축소할 수 있습니다. jquery ui의 확대/축소 기능이 만족스럽지 못하므로 이제 오른쪽 하단의 작은 점을 드래그해야 합니다. 그림 2의 위치로 이동하면 더 이상 왼쪽 상단 방향으로 계속 끌 수 없습니다. 어떻게 해야 합니까? 오랫동안 인터넷에서 찾아봤는데...

某草草 2017-05-19 10:42:24 0  1  458

objective-c - iOS 模拟器中图片颜色比原始图片颜色深，如何获取原始UIImage？

环境：Xcode 7 + iOS9 模拟器问题：使用IB方式构建UI设置图片的时候，发觉模拟器中UIImageView中的图片颜色比原始图片颜色深。而我希望得到的是原始图片的效果。 新建了一个Demo，只放了一个ImageView。图片颜色...

高洛峰 2017-04-25 09:04:33 0  1  617

javascript - 반응으로 비디오 비디오를 자동으로 재생하는 방법

내 접근 방식은 비디오를 그림 마스크로 바꾸는 것입니다. 마스크를 클릭하면 마스크가 사라지고 비디오 레이블이 나타나도록 디스패치 작업이 실행되지만 Apple은 그렇지 않습니다. 휴대폰이나 안드로이드 모두 동영상을 자동으로 재생할 수 없는 경우에도 동영상 재생 버튼을 클릭해야 효과가 좋지 않습니다.

仅有的幸福 2017-07-05 11:03:35 0  2  1225

매끄러운 슬라이더를 계속 자동 재생하면서 화살표/포인트 클릭 시 스크롤을 가속화하는 방법은 무엇입니까?

자동으로 계속 재생되는 슬라이더를 만들고 싶습니다. 잘 작동하는데 화살표와 점이 제대로 작동하지 않는 것 같습니다. 어떤 설정을 변경해야 할지 잘 모르겠지만 화살표나 점을 클릭한 후 바로 슬라이더가 스크롤되도록 하고 싶습니다. 아래 코드를 사용하여 일부 설정을 변경해 보았지만 아무것도 작동하지 않는 것 같습니다. 속도가 6000으로 설정되면 자동 재생 타이밍은 완벽하지만 점/화살표를 클릭한 후 스크롤할 때 동일한 느린 속도를 사용합니다. 이 동작은 원치 않습니다(선택한 슬라이드로 즉시 스크롤해야 함). 내 목표를 달성하기 위해 무엇...

P粉956441054 2024-03-25 21:20:33 0  1  466