스타일

Use numbers where the attribute uses pixels

• [x] display 블록 | 인라인 블록 | flex, 텍스트는 기본적으로 인라인입니다.
• [x] width auto 100% Number 이 상자 모델은 border-box를 사용하며 수정할 수 없습니다
• [x] height
• [x] flex flex는 자동을 지원하지 않습니다. 고정 너비에 너비를 직접 사용하십시오.
• [x] minWidth maxWidth minHeight maxHeight 특정 너비가 설정되면 높이가 적용되지 않습니다
• [x] margin marginLeft , marginRight , marginTop , marginBottom 마진은 [10,10,20], [10,20]과 같은 배열 약어를 지원합니다.
• [x] paddingLeft , paddingRight , paddingTop , paddingBottom 위와 동일
• [x] backgroundColor
• [x] borderRadius
• [x] borderWidth borderTopWidth ... 얇은 테두리를 직접 0.5로 설정
• [x] borderColor
• [x] lineHeight 텍스트에서만 유효한 관련 글꼴
• [x] color
• [x] fontSize
• [x] textAlign 왼쪽 오른쪽 중앙
• [x] textIndent 번호
• [x] verticalAlign 위 중간 아래
• [x] justifyContent flex-start center flex-end 플렉스 레이아웃 수평으로 정렬
• [x] ʻalignItems` flex-start center flex-end 플렉스 레이아웃 세로로 정렬
• [x] maxLine 자동 줄임표를 초과하는 최대 줄 수, 텍스트에서만 사용 지원
• [x] whiteSpace normal nowrap은 글꼴이 아닌 줄 바꿈을 제어합니다.
• [x] ʻoverflow` hidden 둥근 모서리가 추가되면 자동으로 숨김이 추가됩니다.
• [] flexDirection
• [x] borderStyle dash 배열 자세한 내용은 ctx.setLineDash() 참조
• [x] shadowBlur 설정 그림자가 자동으로 overflow:hidden;
• [x] shadowColor
• [x] shadowOffsetX
• [x] shadowOffsetY
• [x] position static '절대'
• [x] '불투명도 Number`

설치

bash
npm install easy-canvas-layout --save
10466791410 104505