javascript - 可以使 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
});

当然是 YMMV。在将样式传递给 KineticJS 之前，您可能需要对其进行一些处理。