( 윈도우10, 엣지버전 브라우저의 검색공급자를 구글로 변경하려면 다음링크를 참조한다 https://serpiko.tistory.com/837 ) 익스플로러10 버전 기본 검색 공급자 익스10버전 기준으로 검색공급자 페이지가 먹통이다. Google을 기본으로 추가하고 싶은데 아래와 같이 링크가 몇 개 없고 이미지도 제대로 보이지 않는다. 익스플로러에서 기본 검색 공급자 바꾸기 1. "▼" 버튼을 눌러서 하단에 추가 버튼을 누르면 추가 검색 공급자 사이트로 이동된다. 2. 우측상단에 대한민국(한국어) 부분을 클릭한다. 3. 레이어 팝업으로 다른 언어 설정이 뜨면 본인이 편한대로 클릭. 무난하게 영어로. 4. 영어로 바뀐 사이트를 보면 아래와 같이 링크들이 제대로 있고 Google이 표시되었다. 5. Goo..
코드) 제이쿼리로 버튼핸들러를 쓸때에 클릭한 버튼의 id나 class의 index를 가지고 제어할 경우 썼던 방법. 버튼클릭 21 : attr에 속성을 개별로 부여할 수 있고, 오브젝트 형식으로 속성을 다중부여 할 수 있다. 24 : 자바나 as3.0과 마찬가지로 event객체의 target은 클릭한 지점에서 이벤트가 전달 되고, currentTarget은 리스너에 등록된 객체에서 전달된다. 결과) <p><br /></p>
on() - selectstart, dragstart 로 마우스 드래그방지 2015.07.23 내용추가 지원불가 : 파이어폭스 제보 : zz 님 코드) 여기 텍스는 드래그와 셀렉트가 블가능합니다. 여기 텍스는 드래그와 셀렉트가 블가능합니다. 여기 텍스는 드래그와 셀렉트가 블가능합니다. 여기 텍스는 드래그와 셀렉트가 블가능합니다. 여기 텍스는 드래그와 셀렉트가 블가능합니다. 결과) <p><br /></p>
1. 자바스크립트에서 canvas ID를 가져올때는 직접 document객체에 접근해서 정의한다. //ex) 캔버스를 생성var can = document.getElementById('canvasID');CANVAS["context"] = can.getContext('2d'); //ex) raphael을 생성var canvas = document.getElementById('svg'+_pCount);var raphael = new Raphael(canvas, 500, 500);var myBall = raphael.ball(100, 100, 80, Math.random());function myBall... 2. css 속성 접근은 제이쿼에서 직접 셀렉트하여 접근한다.위에서 할당된 can, canvas변수..
Path지난시간에는 SVG에서 사용할 수 있는 기본적인 도형들을 살펴보았다. 하지만 정형화된 도형을 쓰는 경우보단 정형화되지 않은 도형을 만들어서 써야 할 경우가 많다. 이때 사용할 수 있는 것은 path 이다. 사실 path 하나만으로도 지난시간에 살펴본 모든 도형들을 대체가 가능하다.M 과 Lpath 는 그 이름에서 알 수 있듯이 몇개의 좌표를 지정하고 그 좌표를 지나가도록 하여 도형을 그리는 element 이다. 아래의 예제를 보자. d 속성에 그리고자 하는 위치의 좌표값을 설정하면 된다. 좌표는 “M x y” 혹은 “L x y”로 표현이 되는데 여기서 M 은 Move를 L 은 Line을 의미한다. 즉 M 으로 시작하는 좌표로는 눈에 보이는 선을 그리지 않고 L 로 이동하는 좌표일때 선을 그리게 된..
SVG란?SVG(Scalable Vector Graphics)는 XML의 기반의 2차원 그래픽을 표현하기 위한 파일형식이다. SVG는 정적인(static) 이미지(image)뿐만 아니라 애니메이션이나 다양한 그래픽 효과를 위한 마크업과 API로 구성이 되어 있다. 그 이름 그대로 벡터(vector)기반으로 그래픽 데이터를 처리하므로 래스터(raster) 방식에 비해 확대나 축소에 유연하게 대응할 수 있으며 HTML에 섞어서 사용이 가능하므로 JavaScript를 통한 DOM 조작과 CSS로의 styling도 자유롭다. 현재는 1.1이 권고안으로 사용되고 있으며 여러가지 스펙이 추가된 1.2 버전이 재정중에 있다. 전체 스펙은 W3C SVG에서 확인할 수 있다.지원 브라우져데스크탑의 주요 브라우져인 Fir..