CSS를 사용하여 html5 캔버스 글꼴 색상 설정

Question

다른 색상 테마에 대한 스타일 시트를 원한다면 어떻게 외부 CSS 파일에 캔버스 글꼴 및 선 색상을 유지할 수 있습니까?

나는 숨겨진 DOM 요소를 만들어서 그것들을 varaibles로 사용할 수 있습니다.

나는 자바 스크립트를 사용하여 현재 테마를 읽고 javascript 변수를 사용하여 색상을 설정하지만 CSS 파일의 목적을 상실 할 수 있습니다. 나는 또한 다른 사람들이 자바 스크립트를 사용하지 않고 스타일과 색상을 편집하기를 원한다.

설정을 CSS 파일에 저장하고 자바 스크립트 (아약스 또는 jquery 없음)로 쉽게 읽을 수있는 방법이 있습니까?

Answer 1

캔버스 드로잉은 CSS와 독립적입니다. CSS 스타일링이 아닌 Canvas API 메소드를 사용하여 글꼴 및 색상을 설정합니다. 외부 CSS 파일에 상응하는 가장 좋은 방법은 코드에서 캔버스에 그리기 위해 사용되는 변수에 값을 할당하는 외부 JavaScript 파일입니다. 이 파일은 매우 간단하고 할당 만 할 수 있으므로 편집 할 때 JavaScript에 대한 실질적인 이해가 필요하지 않습니다.

Answer 2

캔버스 요소의 선 색상 등은 CSS의 영향을받지 않으므로 직접 수행 할 방법이 없습니다. 당신이 할 수있는 최선의 방법은 각 테마에 적절한 캔버스 변수 값을 포함하는 JSON 형식의 객체를 저장하는 일종의 데이터 파일을 사용하는 것입니다.