可以使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之前，您可能需要稍微处理这些样式。