본문 바로가기

HTML

(21)
HTML ) get방식 / post방식 a.html에서 입력받은 값을 b.html로 넘기는 방법은 get과 post 방법 뿐이다.  get방식은 url에 데이터를 넣어 넘기고 post방식은 body에다가 데이터를 넣어 넘긴다.action에는 넘길 페이지를 입력하며 input에 name값이 있어야 넘길 수 있다.  First name: Last name: 값 전송  First name: //네임이 들어가있어야 넘길수있다. Last name: 값 전송
HTML ) input 속성 tabindex는 tab키를 눌렀을때 이동하는 순서를 정할수있다낮은 숫자부터 높은 숫자 순으로 이동한다. autofocus는 처음 커서를 표시하도록 한다. required는 필수 입력값 출력
HTML <canvas> createPattern() - 패턴 만들기 1. createPattern() createPattern() 메소드는 패턴 객체를 만들어 반환합니다. image는 CanvasImageSource (즉, HTML ImageElement, 다른 캔버스, 요소 등등)입니다. type은 이미지 사용 방법을 나타내는 문자열입니다. type 패턴을 만들기 위해 이미지를 사용하는 방법을 지정하며, 다음 문자열 값 중 하나 여야합니다. repeat 수직 및 수평 방향으로 이미지를 이어 붙입니다. repeat-x 수평 방향으로만 이미지를 이어 붙입니다. repeat-y 수직 방향으로만 이미지를 이어 붙입니다. no-repeat 이미지를 이어 붙이지 않습니다. 이미지는 한번만 사용됩니다. createPattern() 메소드를 사용하여 그라디언트 메소드와 유사한 Can..
HTML <canvas> 그라디언트(Gradient) 1. 그라디언트 다른 그래픽 프로그램들과 마찬가지로 캔버스에서도, 도형에 그라디언트를 사용할 수 있습니다. 아래의 메소드 중 하나를 사용하여 객체를 생성합니다. 그 다음 이 객체를 fillStyle 또는 strokeStyle 속성에 할당할 수 있습니다. createLinearGradient(x1, y1, x2, y2); 시작점 좌표를 (x1, y1)로 하고, 종료점 좌표를(x2, y2)로 하는 선형 그라디언트 객체를 생성합니다. createRadialGradient(x1, y1, r1, x2, y2, r2); 반지름이 r1이고 좌표(x1, y1)을 중심으로 하는 원과, 반지름이 r2이고 좌표(x2, y2)를 중심으로 하는 원을 사용하여 그라디언트 객체를 생성합니다. gradient.addColorStop..
HTML <canvas> setLineDash, lineDashOffset - 선의 대시 패턴 지정하기 1. setLineDash, lineDashOffset setLineDash 메소드와 lineDashOffset 속성은 선의 대시 패턴을 지정합니다. setLineDash 메소드는 거리를 지정하는 숫자 목록을 받아 선과 틈을 교대로 그리며 lineDashOffset 속성은 패턴을 시작할 위치를 오프셋으로 설정합니다. 2. 예제 var ctx = document.getElementById('canvas').getContext('2d'); var offset = 0; function draw() { ctx.clearRect(0, 0, canvas.width, canvas.height); ctx.setLineDash([40, 20]); ctx.lineDashOffset = -offset; ctx.strokeR..
HTML <canvas> lineJoin - 도형의 모서리 모양 설정하기 1. lineJoin lineJoin 속성은 도형을 이루는 선이나 호나 곡선들이 연결되는 지점의 모양을 결정합니다. 끝점과 제어점이 정확히 같은 위치인, 길이가 0인 부분들은 제외됩니다. 두 부분들이 같은 방향으로 연결되어 있는 경우에는 lineJoin을 설정해도 아무런 효과도 나타나지 않습니다. round : 도형의 모서리를 연결되는 부분들의 공통점 끝을 중심으로 하는 원 모양으로 만듭니다. 이때 원의 반지름은 선의 두께와 같습니다. bevel : 도형의 모서리를 연결되는 부분들의 공통 끝점에서 세모 모양으로 만듭니다. miter : 초기 설정값입니다. 도형의 모서리를 두 부분의 바깥쪽 테두리 선을 각각 연장하여 교차된 점으로 생긴 마름모꼴 모양으로 만듭니다. miterLimit 속성값에 따라 모양이 ..
HTML <canvas> lineCap - 선 끝점 모양 설정하기 선 모양 설정하기 lineWidth = value 이후 그려질 선의 두께를 설정합니다. lineCap = type 선의 끝 모양을 설정합니다. lineJoin = type 선들이 만나는 "모서리"의 모양을 설정합니다. miterLimit = value 두 선이 예각으로 만날 때 접합점의 두께를 제어할 수 있도록, 연결부위의 크기를 제한하는 값을 설정합니다. getLineDash() 음수가 아닌 짝수를 포함하는 현재 선의 대시 패턴 배열을 반환합니다. setLineDash(segments) 현재 선의 대시 패턴을 설정합니다. lineDashOffset = value 선의 대시 배열이 어디서 시작될지 지정합니다. lineCap = type lineCap 속성은 그리려는 모든 선의 끝점 모양을 결정합니다. b..
HTML <canvas> lineWidth - 선 두께 설정하기 선 모양 설정하기 lineWidth = value 이후 그려질 선의 두께를 설정합니다. lineCap = type 선의 끝 모양을 설정합니다. lineJoin = type 선들이 만나는 "모서리"의 모양을 설정합니다. miterLimit = value 두 선이 예각으로 만날 때 접합점의 두께를 제어할 수 있도록, 연결부위의 크기를 제한하는 값을 설정합니다. getLineDash() 음수가 아닌 짝수를 포함하는 현재 선의 대시 패턴 배열을 반환합니다. setLineDash(segments) 현재 선의 대시 패턴을 설정합니다. lineDashOffset = value 선의 대시 배열이 어디서 시작될지 지정합니다. lineWidth = value 현재 선의 두께를 설정합니다. 설정값은 반드시 양수여야하며, 초..