본문 바로가기

전체 글99

자바스크립트에서 느낌표 두개란 무엇인가? what is double exclamation mark? !! [double exclamation mark]주로 타입을 boolean 으로 변경할 때 사용한다. 느낌표가 한 개 일때는 not 이라는 표현이다.두개일 때는 not not 자 이제 프로그래밍 언어에서 0은 false란 뜻이고 0이외의 숫자는 true 라는 의미이다.또한 객체는 true 다.하지만 이걸 true 혹은 false 로 boolean 형태로 나타내고 싶다면! [exclamation mark] 를 사용하면 된다.별로 좋은 방법은 아니라고 생각한다. 가독성 면에서 떨어진다랄까? ! 은 Not , !true 는 false , !false 는 true , !0 은 true , !1 은 false어떠한 타입이건 boolean 타입으로 변경이 가능하다. 2015. 6. 11.
Document.createEvent() Document.createEvent()DOM 레벨 2 이벤트지원 브라우저 크롬 15, FF 11, Opera 11.6, Safari 6 IE는 DOM Events 모듈을 지원하지 않기 때문에 지원되지않는다.Event createEvent(String eventType) throws DOMException반환값 지정된 타입을 갖는 새로 생성된 Event 객체. 전달인자 eventType --> 원하는 Event 객체에 대한 이벤트 모듈의 이름.예외 현재 구현이 요청된 타입의 이벤트를 지원하지 않으면, code 값이 NOT_SUPPORTED_ERR 인 DOMException 을 발생시킨다.설명 파라미터로 전달받은 이벤트타입을 갖는 새 이벤트 객체를 생성한다. 주의점은 파라미터의 값이 생성할 인터페이스(단수.. 2015. 6. 10.
SVG Editor 분석-1 [DOM 구조파악] DOM 구조 태그를 이용해서 큰 틀을 잡았다.큰 틀 전부 div 요소로 이루어져있고 1번을 제외한 나머지는 display : none 상태때에 따라 보이는 방법은 inline 과 block 속성값으로 처리됨.svg_editor : svg 에디터부분svg_source_editor : 소스로 볼 팝업 창svg_docprops : 왼쪽 상단 메뉴창의 document property 팝업창svg_prefs : 왼쪽 상단 메뉴창의 editor option 팝업창 [Editor Preferences]dialog_box : 왼쪽 상단 메뉴창의 export 팝업창cmenu_canvas : 캔버스에 우클릭시 나타나는 메뉴창cmenu_layers : 오른쪽 사이드바 레이어 우클릭시 나타나는 메뉴창 1. SVG 에디터 부분.. 2015. 6. 10.
SVG Radial * 본 글은 W3SCHOOL.COM 의 SVG 편을 해석 공부한 포스팅입니다.* 필자의 기준이 절대적인 진리는 아닙니다. SVG Radial Gradient - 태그는 radial 그라디언트를 정의할 때 사용한다.태그는 반드시 태그 내에 위치해야한다. 태그는 정의를 생략하거나 그라디언트와 같이 특별한 요소를 정의할 때 사용한다. 예제 1방사형(radial) 그라디언트를 원형에 그린다. 색상은 흰색에서 파란색으로 바뀐다. SVG 코드 코드 설명cx , cy , r 속성은 가장 바깥쪽 원형을 정의한다. fx , fy 는 가장 안쪽의 원형을 정의한다. 예제 2다른 원형을 정의한다. SVG 코드 출처 W3School.com - SVG - SVG Radialhttp://www.w3schools.com/svg/sv.. 2015. 6. 9.

티스토리툴바