- 구글에 "jquery cdn" 검색해서 [jQuery CDN] 클릭 https://code.jquery.com/ jQuery CDN The integrity and crossorigin attributes are used for Subresource Integrity (SRI) checking. This allows browsers to ensure that resources hosted on third-party servers have not been tampered with. Use of SRI is recommended as a best-practice, whenever libr code.jquery.com *integrity와 crossorigin 속성은 삭제해도 된다. [공부좌표] jQuer..
[Canvas] 기본 사용법
#의 기본 크기는 300x150이다. [HTML] [CSS] canvas { background: #efefef; } # (닫는 태그)를 사용하는 이유 canvas를 지원하지 않는 브라우저를 위해 태그 안에 "대체 컨텐츠"를 제공하기 위해서 이다. 대체 컨텐츠 # 렌더링 컨텍스트 에 무언가를 표시하기 위해서는, 어떤 스크립트가 랜더링 컨텍스트에 접근하여 그리도록 할 필요가 있다. [HTML] [JS] const myCanvas = document.querySelector('#my-canvas'); const ctx = myCanvas.getContext('2d'); *getContext()란? 에 그리기 위한 렌더링 컨텍스트를 제공한다. Q. 렌더링 컨텍스트를 제공한다는게 무슨 말이에요? 일단, 다음 ..
[Canvas] getContext()
요소의 그리기 표면에 대한 렌더링 컨텍스트를 제공한다. # 구문 var ctx = canvas.getContext(contextType); var ctx = canvas.getContext(contextType, contextAttributes); [contextType] 캔버스에 연관된 드로잉 컨텍스트를 정의하는 컨텍스트 식별자를 갖는 DOMString이다. 값 설명 2d 2차원 렌더링 컨텍스트를 나타내는 CanvasRenderingContext2D 객체를 생성하게 하고 도형, 텍스트, 이미지 및 기타 개체를 그리는데 사용된다. webgl 3차원 렌더링 컨텍스트를 나타내는 WebGLRenderingContext 객체를 생성한다. 이 컨텍스트는 WebGL 버전 1 (OpenGL ES 2.0)을 구현하는 ..