Kinetic.js에서 CSS 값을 사용할 수 있습니까?

Question

CSS를 통해 일반적인 형식을 사용하는 페이지에서 일부 kinetic.js 요소를 사용하려고합니다. Kinetic.js가 나머지 페이지에서 사용하는 것과 동일한 글꼴 스타일을 사용하고 싶습니다. 내 운동 물체가 내 CSS에서 스타일을 가져 오게하는 올바른 방법은 무엇입니까?

Answer 1

당신이 할 수있는 일은 당신의 CSS 규칙을 객체로 추출하여 KineticJs 텍스트에 적용하는 것입니다.

This question은 jQuery를 사용하여이를 수행 할 수있는 방법을 제공합니다.

var el = document.getElementById("someStyledElement"); 
var css = window.getComputedStyle(el); 
var text = new Kinetic.Text({ 
    fontSize: css.fontSize, 
    fontStyle: css.fontStyle, 
    fontFamily: css.fontFamily, 
    fill: css.color 
}); 

물론 YMMV :

기본적으로, 당신은 뭔가를 할 수 있습니다. 스타일을 KineticJS에 전달하기 전에 스타일을 다소 처리해야 할 수 있습니다.