javascript - 可以使 Kinetic.js 使用 css 值吗

Question

我正在尝试在通过 css 也具有正常格式的页面上使用一些 kinetic.js 元素。我希望 Kinetic.js 使用与页面其余部分相同的字体样式。让我的动力学对象从我的 CSS 中提取样式的正确方法是什么？

Answer 1

您可能会做的是将您的 css 规则提取到一个对象中并将它们应用于 KineticJs 文本。

这个问题提供了一种使用 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 之前，您可能需要对其进行一些处理。