Kinetic.js可以使用css值

Question

我想在一個頁面上使用一些kinetic.js元素，也有正常的格式，通過CSS。我希望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 
}); 

中因人而異。在將它們傳遞給KineticJS之前，您可能需要稍微處理一些樣式。