HTML524 페이스북 공유하기 이미지 새로고침 하는 방법 (페이스북 디버거) Facebook 공유하기 했을때 이미지 or 제목 or 설명 새로고침 하는법 clear facebook debugger cache data Facebook 을 제외한 여타 다른 SNS에는 별도의 페이지 meta 태그 데이터를 캐시하는 서버가 존재하지않는것같다. 매번 공유를 할 때마다 새로운 데이터를 읽어들이는것 같은데 페이스북만 페이지 메타 태그의 데이터를 캐시해서 공유할때 이미지나 설명 제목을 불러들이는 속도를 빠르게 유지하는것 같다. 페이스북에서는 디버거를 통해 새로고침을 하라고 하지만 디버거를 이용해도 같은 도메인에서는 페이지가 즉각 새로고침 되지 않는 문제가 있다. https://developers.facebook.com/tools/debug/ 페이스북 디버거 페이지 페이스북에서는 여기를 통해 새.. 2018. 2. 27. [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. [SVG] preserveAspectRatio 고정종횡비 preserveAspectRatio 고정종횡비고정종횡비란?종횡비란 화면의 가로대 세로의 크기비율이라고 합니다. 고정종횡비는 가로세로비율의 크기를 고정시키는걸 고정종횡비라고 합니다. SVG의 경우 이미지의 가로세로 사이즈변경 작업을 진행할때 고정종횡비로 인해 원하는 풀사이즈로의 가로세로 크기변경이 되지 않습니다.width 속성과 height 속성을 분명히 변경하였는데 width 속성만 먹힌다거나 height 속성만 먹혀서 원하는 사이즈가 나오지않는다면 곤란하죠.그런 문제를 해결하기위해 나온 속성이 preserveAspectRatio 속성 입니다.MDN에 SVG 속성 명세에 따르면 preserveAspectRatio는 10개의 align 속성과 2개의 meetOrSlice 속성을 제공하고있습니다.none :.. 2015. 10. 19. [SVG] document.createElementNS document.createElementNS네임스페이스를 사용하여 새 Element 노드를 생성한다. SVG는 XHTML 언어이므로 동적으로 생성할때는 createElement 를 사용하면 안되고 createElementNS 를 사용해야 한다.createElement 를 사용해서 동적 삽입할 경우 개발자도구의 태그에는 추가된것으로 보이지만, 실제로 화면에 그려지진 않는다. element = document.createElementNS(namespaceURI, qualifiedName);parameternamespaceURI : 새 element 에 대한 네임스페이스를 가리키는 유일한 식별자다. 네임스페이스가 없다면 null이 할당된다.qualifiedName: 새 element에 대한 완결된 이름. re.. 2015. 10. 5. 이전 1 2 3 4 ··· 6 다음