본문 바로가기

전체 글99

[SVG] SVG matrix interface 본 포스팅은 MDN에 있는 변역되지 않은 문서를 번역 봉사에 참여한 후 블로그에 옮겨놓는 포스팅 입니다.SVG matrix interfaceEDIT수많은 SVG 그래픽 오퍼레이션은 아래와 같은 2X3 행열을 활용하고있다.[a c e] [b d f]아래와같이 3x3 행렬은 행렬간의 계산을 위한 목적으로 확장되어 만들어졌다.[a c e] [b d f] [0 0 1]SVGMatrix 수정하기위해 시도하면 예외를 던지도록 읽기전용으로만 설계되었다. 인터페이스 개요Also implementNoneMethodsSVGMatrix multiply(in SVGMatrix secondMatrix)SVGMatrix inverse()SVGMatrix translate(in float x, in float y)SVGMatrix.. 2015. 11. 23.
[CSS] image-rendering 본 포스팅은 MDN에 있는 변역되지 않은 문서를 번역 봉사에 참여한 후 블로그에 옮겨놓는 포스팅 입니다. 개요EDITimage-rendering CSS 프로퍼티는 브라우저의 이미지 스케일링 방식에 대한 힌트를 제공합니다. 이 프로퍼티는 엘리먼트 자신에게 적용시킵니다. 스케일링(크기변경)이 안 된 이미지에게는 적용되지 않습니다.예를들어, 100x100 픽셀의 이미지가 있는데 페이지에서 요구하는 이미지는 200x200픽셀 (혹은 50x50px)이라면, 이미지는 새로운 면적만큼의 특정 알고리즘으로 인해 확대(혹은 축소)됩니다. 스케일링은 사용자의 상호작용(줌기능) 으로 인해 일어날겁니다.초기값auto적용대상all elements상속yesMediavisualComputed valueas specifiedAnim.. 2015. 11. 20.
2015.11.10 JSLounge 8th 강남 토즈 2호점 2015.11.10 JSLounge 8th 세미나 강남 토즈 2호점 1. yeoman 전성균님 1) 최신기술은 아님. 개발환경을 초기화할때 주로 사용한다. 2) AngularJS 제너레이터할 때 많이 사용. npm에 등록되어있음. 3) app generator. 4) why? 유사프로젝트가 많아지다보니 사용하게 되었다. 5) 나만의 generator 6) generator-generator yeoman module github regist 7) basename이 중요하다. generator-[basename] 이 디렉토리명이 된다. 두가지 폴더 구조를 제공한다. default, sub 8) priorit name이 아니면 init, end 메소드가 호출되지 않는다. 9) 독립적으로 만들어진 프로젝트는 아.. 2015. 11. 15.
[ECMAScript7] Object.observe() 본 포스팅은 MDN에 있는 변역되지 않은 문서를 번역 봉사에 참여한 후 블로그에 옮겨놓는 포스팅 입니다.추가적인 사담이 존재합니다. Object.observe()Object.observe() 메소드는 객체에 변화가 생기는 것을 감지하는 곳에 사용됩니다.observe 메소드는 객체내에 변화가 생겼을 때 명령을 내리는 것을 제공합니다.사담 : Object.observer() 메소드는 ECMAScript7 에서 지원하는 것이므로 2016년에 배포될 예정입니다.브라우저 지원은 포스팅하는 지금 시점에는 크롬 46버전 부터 지원하는 것으로 알려져있습니다.현재 크롬 최신 버전은 47 버전이므로 크롬으로 테스트하실경우 테스트가 가능합니다.문법Object.observe(obj, callback[, acceptList]).. 2015. 10. 30.