물리적 디스플레이의 픽셀 비율이 더 높지 않은 경우(예: Retina 디스플레이) 기본적으로 차트의 캔버스는 1:1 픽셀 비율을 사용합니다. 차트가 비트맵으로 변환되거나 더 높은 DPI 매체로 인쇄되는 애플리케이션의 경우 기본보다 높은 해상도로 차트를 렌더링 할 경우 입니다. devicePixelRatio1 이외의 값으로 설정 하면 캔버스 크기가 컨테이너 크기에 비례하여 해당 크기만큼 조정됩니다. 화면에 눈에 띄는 차이가 없어야 합니다. 차이는 이미지를 확대하거나 인쇄할 때만 볼 수 있습니다. option:{ devicePixelRatio: 2, }
html 인쇄를 A4 용지에 맞춤
1. @media print 인쇄 페이지용 미디어 쿼리로, 인쇄 시 변경되는 부분을 명시 @media print { } 1.1. display 페이지에서 숨겨야 하는 부분은 display를 통해 제어 @media print { header, footer, .no-print { display:none } } 1.2. page-break page-break-before 해당 엘리먼트의 이전 페이지 넘김을 지정 page-break-before: [auto, inherit, always, avoid, left, right] auto: 자동 inherit: 부모 값 상속 always: 해당 엘리먼트의 앞 페이지 넘김 avoid: 해당 엘리먼트의 앞 페이지 넘김을 금지 left: 엘리먼트 앞에서 분리된 페이지가 왼..
ios 아이폰에서 input 태그를 보면 디바이스에 따른 스타일 속성이 기본으로 적용되는데 그 중 하나가 바로 테두리이고 내부의 그림자이다. 만약 사용자가 둥근 테두리를 제거하거나 그림자를 삭제하길 원하는 경우 다음 스타일 속성을 적용하면 된다. input { -webkit-appearance: none; -webkit-border-radius: 0; } cs appearance css속성은 적용된 그림자 또는 기타 디폴트(default) 스타일 속성을 임의로 제거 또는 설정 가능하도록 해준다. 그리고 border-radius의 경우 테두리를 제거할 수 있다.
html, body{ -webkit-text-size-adjust : none; /* 크롬, 사파리, 오페라 신버전 */ -ms-text-size-adjust : none; /* IE */ -moz-text-size-adjust : none; /* 파이어폭스 */ -o-text-size-adjust : none; /* 오페라 구버전 */ } td, div, p, li, dt, dd, input, textarea, select, h1, h2, h3, h4, h5 { -webkit-text-size-adjust: 100%; word-break: keep-all }
" Uncaught TypeError: 함수명 is not a function at HTMLSpanElement.onclick " 1. 동일한 함수가 더 존재하네요. 그 에러난다는 함수명에 [int]붙여본다. 2. 낫 펑션에러는 함수가 아닌걸 함수처럼 사용할때 메소드중 함수가 아닌 변수를 함수로 쓴다거나 함수로 접근하는 과정에 중간단계가 누락되어서 접근이 안될때 주로 발생한다. (사용한 함수가 제대로 정의 되지 않아 오류가 발생. 함수 명을 변경하여 오류를 수정) 3. 대표적으로 여러가지 대상을 셀렉해오면 배열형태로 오기에 그 함수의 인덱스를 같이 넣어줘야 정확히 불러올 수 있다.
네이밍 컨벤션 BEM https://tech.elysia.land/%EB%84%A4%EC%9D%B4%EB%B0%8D-%EC%BB%A8%EB%B2%A4%EC%85%98-bem-b291ba7bff01 네이밍 컨벤션 BEM 회사에 입사하기 전에는 “css는 그냥 돌아가기만 하면 됐지” 하고 id나 class 이름을 대충대충 적어서 코드를 짜는 일이 많았었습니다. 어차피 혼자 작업하는 것이고, 머리만 조금 싸매면 어렴풋 tech.elysia.land https://css-tricks.com/bem-101/ BEM 101 | CSS-Tricks The following is a collaborative post by guest Joe Richardson, Robin Rendle, and a bunch of the..
https://zaramstrength.com/ 부모강점 여기를 눌러 확인해주세요. zaramstrength.com 1. common.js에서 global로 묽어 주는 이유? (function(global){ 'use strict'; var yamoo9 = 'hi'; // 지역변수 })(this); 2. common.js 쓸때 함수 단위로 묶어줘야 하는지? function today(){ var today = (new Date()).getDay(); switch(today){ case 0: case 6: console.log('오예 주말 핵이득'); break; default: console.log('하....출근....'); } } 3. html에서 common.js 불러올때 head와 하단 중 어디에..