다음 코드를 실행하여 HTML5 캔버스에 타원을 그릴 수 있습니다. − 예시 <!DOCTYPE HTML> <html> <head> </head> <body> <canvas id="newCanvas" width="450" height="300"></canvas> &
앤티앨리어싱의 경우 리샘플링 품질을 설정해야 합니다. ctx.imageSmoothingQuality = "low|medium|high" 오프스크린 캔버스를 사용하여 이미지를 절반으로 축소 - var c = document.createElement('canvas'), ocx = c.getContext('2d'); c.width = img.width * 0.5; c.height = img.height * 0.5; ocxx.drawImage(img, 0, 0, c.width, c.heigh
태그는 MP4, WebM 및 Ogg의 비디오 형식으로 비디오를 추가하는 데 사용됩니다. 입력 요소를 통해 파일 선택 시. 변경 이벤트 발생 사용자가 요소 값을 변경하면 , 및 요소에 대해 이벤트가 발생합니다. 파일 객체 가져오기 파일 인터페이스는 파일에 대한 정보를 제공하고 웹 페이지의 JavaScript가 콘텐츠에 액세스할 수 있도록 합니다. 이 유형의 개체는 HTML 요소의 files 속성에 의해 반환되며, 이를 통해 결국 요소로 선택한 파일 목록에 액세스할 수 있습니다. 파일 개체를 가리키는 개체 URL URL.
웹에 있는 비디오 파일을 다운로드하는 동안 재생하려면 특수한 방식으로 인코딩해야 하는 경우가 있습니다. 플래시 기반 비디오가 작동하려면 스트림의 끝에서 시작으로 데이터를 이동해야 합니다. mp4 FastStart라는 프로그램이 이 작업을 수행할 수 있습니다. HandBrake와 같은 프로그램에는 인코딩할 때도 이 작업을 수행하는 웹 옵션이 있습니다. 웹 서버가 mp4 파일의 압축 위에 gzip 또는 deflate 압축을 적용하고 있지 않은지 확인해야 합니다. 압축을 사용하면 웹 서버에서 더 작은 파일 크기를 제공할 수 있으므로
일반 텍스트보다 큰 텍스트를 추가하려면 태그를 사용하세요. 참고 − 이 태그는 HTML5에서 지원되지 않습니다. 예시 HTML에 큰 텍스트를 포함하기 위해 다음 코드를 실행할 수 있습니다 - <!DOCTYPE html> <html> <head> <title>HTML big Tag</title> </head> <body> &
요소의 맞춤법 및 문법 검사 여부를 지정하려면 HTML의 spellcheck 속성을 사용하십시오. 이 속성은 입력 요소, 요소 및 편집 가능한 요소의 텍스트에 대한 맞춤법 및 문법을 검사합니다. 참고 − 입력 요소에는 작동하지만 비밀번호에는 작동하지 않습니다. 예시 다음 코드를 실행하여 HTML에 맞춤법 검사기를 추가할 수 있습니다 − <!DOCTYPE html> <html> <body> Subject : <input type = &
HTML 태그는 백그라운드에서 음악을 재생하는 데 사용됩니다. 이 태그는 Internet Explorer 전용입니다. 예시 다음 코드를 실행하여 HTML에 배경 음악을 추가할 수 있습니다 − <!DOCTYPE html> <html> <head> <title>HTML bgsound Tag</title> </head> <body>
HTML 태그는 이 태그로 묶인 콘텐츠를 중앙에 배치하는 데 사용됩니다. 참고 − 이 태그는 이제 더 이상 사용되지 않습니다. 예시 다음 코드를 실행하여 HTML에서 텍스트를 중앙에 배치할 수 있습니다. <!DOCTYPE html> <html> <head> <title>HTML center Tag</title> </head> <body>
태그를 사용하여 테이블에 대한 캡션을 만듭니다. 다음 코드를 실행하여 HTML에 표 캡션을 포함할 수 있습니다. 예시 <!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black;
HTML 태그는 요소에 대한 옵션 세트를 지정합니다. 다음 코드를 실행하여 HTML5의 입력 값에 대한 옵션을 나열할 수 있습니다. - 예시 <!DOCTYPE html> <html> <head> <title>HTML Datalist Tag</title> </head> <body> <input list = &
태그를 사용하여 정의 목록을 추가합니다. HTML 태그는 정의 목록을 선언하는 데 사용됩니다. 이 태그는 태그 내에서 사용됩니다. 정의 목록은 다른 목록과 유사하지만 정의 목록에서 각 목록 항목에는 두 개의 항목이 포함됩니다. 용어 및 설명. 예시 HTML5에서 정의 목록을 생성하기 위해 다음 코드를 실행할 수 있습니다 - <!DOCTYPE html> <html> <head> <title>HTML dl Tag</title
콘텐츠 편집 가능 사용 HTML의 속성, 요소의 내용이 편집 가능한지 여부를 설정합니다. 예시 다음 코드를 실행하여 contenteditable을 구현하는 방법을 배울 수 있습니다. HTML의 속성. 편집 가능한 콘텐츠에 커서를 놓으면 편집할 수 있습니다. <!DOCTYPE html> <html> <body> <p contenteditable = "true">This content is editable.
정의 목록은 다른 목록과 유사하지만 정의 목록에서 각 목록 항목에는 두 개의 항목이 포함됩니다. 용어 및 설명. HTML 태그를 사용하여 정의 목록에서 용어의 시작을 정의합니다. 예시 HTML에 정의 용어를 추가하기 위해 다음 코드를 실행할 수 있습니다 - <!DOCTYPE html> <html> <head> <title>HTML dt Tag</title> </head>
섹션을 추가하려면 HTML에서 태그를 사용하세요. 다음 코드를 실행하여 HTML 문서에 섹션을 포함할 수 있습니다. - 예시 <!DOCTYPE html> <html> <head> <title>HTML Section Tag</title> </head> <body> <section>
AES 암호화는 고급 암호화 표준입니다. (AES) 응용 프로그램의 데이터를 암호화합니다. JavaScript 라이브러리 Forge를 사용하여 AES 암호화를 수행할 수 있습니다. NPM을 설치하고 다음과 같이 설치하세요. npm install node-forge 프로젝트에서 사용할 수 있도록 축소, npm run minify 이제 AES-CBC 128비트 암호화 암호를 사용하십시오. 키를 생성하고 생성합니다. 예를 들어 텍스트 문자열을 암호화하여 데이터베이스에 저장해 보십시오.
엄격한 비교와 관련된 혼란에서 벗어나려면 JavaScript에서 다음 코드 스니펫을 실행해 보세요. 예시 switch(1) { case '1': alert('Switch comparison: Not Strict.'); break; case 1: alert('Switch comparison: Strict.');
웹 브라우저의 뒤로 버튼을 비활성화하려면 다음 코드를 실행해 보십시오. 현재 HTML 페이지의 코드입니다. 예시 <html> <head> <title>Disable Browser Back Button</title> <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></
JavaScript에서 단위 테스트를 수행하려면 Unit.js를 사용하세요. 크로스 플랫폼 오픈 소스 단위 테스트 프레임워크입니다. 예시 테스트 코드에서 다음을 가정해 보겠습니다. − var example = ‘Welcome’; test.string(example) .isEqualTo(‘Welcome’); 함수 demo()는 테스트 세트를 표시하는 반면 demo1()은 개별 테스트 사양입니다. demo('Welcome’, function() { d
첫 번째 예에서는 amitBaseClass를 상속하고 있습니다. 프로토타입. function SomeClass() { } SomeClass.prototype = Object.create(amitBaseClass.prototype); 두 번째 예에서는 생성자 함수를 실행하고 있습니다. amitBaseClass의 인스턴스 생성되고 amitBaseClass 를 완료한 사람을 상속합니다. 개체. function SomeClass () { } SomeClass.prototype = new amitBaseClass (); 따라서 둘 다
기본 URL을 추가하려면 HTML에서 태그를 사용하십시오. 예를 들어, 헤더 섹션의 페이지 상단에 기본 URL을 한 번 설정하면 이후의 모든 상대 링크에서 해당 URL을 시작점으로 사용할 수 있습니다. 예시 다음 코드를 실행하여 HTML 페이지의 모든 링크에 대한 기본 URL을 추가하는 방법을 배울 수 있습니다 - <!DOCTYPE html> <html> <head> <title>HTML base Tag</title>