我正在尝试在页面上使用一些 kinetic.js 元素,该页面也通过 css 进行正常格式化。我希望 Kinetic.js 使用页面其余部分使用的相同字体样式。让我的动力学对象从我的 CSS 中提取样式的正确方法是什么?
最佳答案
您可能会做的是将您的 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 之前,您可能需要对其进行一些处理。
关于javascript - 可以使 Kinetic.js 使用 css 值吗,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16241577/