페이지 103-H5 튜토리얼 프로그래밍 튜토리얼: H5 튜토리얼 온라인 학습-php.cn

Article Tags

H5 튜토리얼

집

Technical articles

웹 프론트엔드

H5 튜토리얼

HTML5 Canvas API에서 클립() 메서드를 사용하여 영역 이미지를 자르는 코드 예

이 글에서는 주로 HTML5 Canvas API의 clips() 메소드를 사용하여 영역 이미지 자르기에 대한 예제 튜토리얼을 소개합니다. save() 및 Restore() 메소드 사용에 특별한 주의가 필요합니다.

Mar 15, 2017 pm 04:17 PM

HTML5Canvasclip()

HTML5 멀티미디어에 대한 자세한 소개

1) 비디오 요소의 속성: autoplay - 이 속성이 있는 경우 브라우저는 가능한 한 빨리 비디오 재생을 시작합니다. preload=none - 사용자가 비디오 재생을 시작하기 전에 비디오가 로드되지 않습니다. - 사용자가 비디오 재생을 시작합니다. 이전에는 비디오의 메타데이터만 로드할 수 있었습니다. preload=auto - 가능한 한 빨리 전체 비디오를 다운로드하도록 브라우저에 요청합니다. 브라우저는 이 요청을 무시할 수 있습니다. 이것이 기본 동작입니다. 이 속성이 없으면 제어되지 않습니다.

Mar 15, 2017 pm 04:12 PM

html5，多媒体

HTML5 캔버스를 시작하기 위한 코드 예제에 대한 자세한 설명(그림)

1) HTMLCanvasElement 객체의 멤버: height - 캔버스 요소의 높이 속성에 해당하고, getContext() - 캔버스에 대한 그리기 컨텍스트를 반환합니다. fillRect(x,y ,w,h) - 속이 빈 직사각형을 그립니다.

Mar 15, 2017 pm 04:11 PM

html5，canvas

HTML5 Canvas 고급 코드의 자세한 코드 설명(그림)

1) 경로를 사용하여 그리기: BeginPath() - 새 경로를 시작합니다. closePath() - 마지막 선의 끝점을 초기 좌표와 연결하는 선을 그려서 기존 경로를 닫습니다. fill() - 그래픽 설명을 채웁니다. isPointInPath(x,y) - 지정된 점이 현재 경로에 설명된 그래픽 내에 있으면 true를 반환합니다. lineTo(x,y) - 지정된 좌표에 하위 경로를 그립니다.

Mar 15, 2017 pm 04:09 PM

html5，canvas

지리적 위치를 사용한 HTML5 코드 공유

1) 지리 위치 사용: navigator.geolocation을 통해 geolocation 함수에 액세스하고 Geolocation 객체를 반환합니다. 1.1) Geolocation 객체 멤버: getCurrentPosition(callback,errorCallback,options) ——watchPosition(callback,error,options)

Mar 15, 2017 pm 04:03 PM

html5，地理定位

HTML5 웹 스토리지와 쿠키의 차이점에 대한 자세한 설명

과거에는 웹사이트를 만들 때 기본적으로 쿠키를 사용하여 데이터를 로컬에 캐시했지만 쿠키 자체의 저장 용량이 작고 보안 요소가 그다지 높지 않기 때문에 HTML5가 제공하는 여러 곳에서 사용하기가 어렵습니다. 편리하고 빠른 웹 저장 메커니즘을 제공합니다. 클라이언트 측 저장소의 특징: HTML5의 데이터는 각 서버 요청에 의해 전달되지 않지만 데이터는 요청 시에만 사용됩니다. 웹사이트 성능에 영향을 주지 않고 많은 양의 데이터를 저장할 수 있습니다. 다양한 웹사이트의 경우 데이터가 서로 다른 영역과 네트워크에 저장됩니다.

Mar 15, 2017 pm 04:01 PM

HTML5，web存储，cookie

HTML5의 웹 저장소 사용에 대한 자세한 소개

1) 로컬 저장소(localStorage) 사용: 전역 속성인 localStorage를 통해 로컬 저장소 기능에 접근하고, 문자열 쌍을 키/값 형식으로 저장하는 데 사용되는 Storage 객체를 반환합니다. Storage 개체의 멤버:clear()——저장된 키/값 쌍을 제거합니다. getItem()——지정된 키와 관련된 값을 가져옵니다. key()——지정된 인덱스 길이의 키를 가져옵니다. 저장된 키/값

Mar 15, 2017 pm 04:00 PM

html5，web存储

HTML5에서 오프라인 웹 애플리케이션을 생성하기 위한 샘플 코드

오프라인 애플리케이션 캐시 기능을 사용하면 웹 애플리케이션에 필요한 모든 리소스를 지정하여 브라우저가 HTML 문서를 로드할 때 해당 리소스를 다운로드할 수 있습니다. 1) 브라우저 캐시 정의: 오프라인 캐싱 활성화 - 매니페스트 파일을 생성하고 html 요소의 매니페스트 속성에서 이를 참조합니다. 오프라인 애플리케이션에서 캐시할 리소스를 지정합니다. 매니페스트 파일 상단이나 CACHE 영역에 나열합니다. 리소스는 리소스를 사용할 수 없을 때 표시할 대체 콘텐츠를 지정합니다. 매니페스트 파일의 FALLBACK 영역에 콘텐츠를 나열합니다.

Mar 15, 2017 pm 03:57 PM

html5，Web

html5의 드래그 앤 드롭 샘플 코드에 대한 자세한 소개

1) 소스 프로젝트 생성 1.1) draggable 속성 값: true - 이 요소를 드래그할 수 있습니다. false - 이 요소를 드래그할 수 없습니다. 자동 - 드래그할 수 있는 요소의 이벤트입니다. : dragstart - 요소가 드래그되기 시작할 때 트리거됩니다. drag - 요소를 드래그할 때 반복적으로 트리거됩니다.

Mar 15, 2017 pm 03:42 PM

html5，拖放

로컬 앱 애플리케이션을 여는 HTML5 샘플 코드

이 글에서는 주로 로컬 앱 애플리케이션을 여는 HTML5 방식을 소개합니다. 휴대폰에 Alipay가 설치되어 있는 경우 Alipay 모바일 웹 페이지를 방문하면 Alipay 앱이 자동으로 열립니다. 그렇지 않으면 해당 페이지에 앱을 다운로드하라는 메시지가 표시됩니다. . 이것은 어떻게 달성됩니까? 관심있는 친구들은 이 글을 참고하세요

Mar 14, 2017 pm 04:02 PM

HTML5，app应用

HTML5 Canvas의 텍스트 정렬에 대한 코드 요약

이 문서에서는 주로 HTML5 Canvas의 텍스트 정렬 방법에 대한 요약을 소개합니다. 여기에는 가로 정렬 context.textAlign 및 세로 정렬 context.textBaseline 및 다양한 매개 변수 사용이 포함됩니다. 도움이 필요한 친구는 다음을 참조할 수 있습니다.

Mar 14, 2017 pm 04:00 PM

HTML5Canvas文本对齐

HTML5 모바일 개발 이미지 압축 업로드 기능 코드 예시

모바일 단말기에 사진을 업로드할 때, 사용자들은 일반적으로 휴대폰 앨범에서 사진을 업로드하는데, 요즘 휴대폰의 촬영 품질이 점점 더 높아지고 있으며, 일반적으로 사진 한 장의 크기가 약 3M이므로 압축이 필요합니다. 업로드하기 전에 로컬로. 아래 편집기는 HTML5 모바일 개발 이미지 압축 및 업로드 기능을 제공합니다. HTML5 이미지 압축 및 업로드 기능에 관심이 있는 친구는 한 번 살펴보시기 바랍니다.

Mar 14, 2017 pm 03:55 PM

HTML5，移动开发，上传功能