如何将 css 样式添加到 kineticjs

【问题标题】：how to add css style to kineticjs如何将 css 样式添加到 kineticjs
【发布时间】：2013-09-01 18:40:38
【问题描述】：

我想在我的 kineticjs 代码中使用这一段 css 样式到一个特定的矩形以提供 3D 效果。

-webkit-backface-visibility: visible;
-webkit-transform-origin: 50% 50%;
-webkit-transform: perspective(375px) rotateY(65deg) translate(68px, -38px) rotate3d(0.65, 1, 1, -144deg) translate3d(2px, 81px, -38px);

谢谢大家

【问题讨论】：

你不能用 CSS 设置画布内容的样式 - 画布上的内容被包含在一个集体图像中，它们不是 DOM 元素。

标签： css html5-canvas kineticjs

【解决方案1】：

就像 Utkanos 所说，您不能将 CSS 应用于画布中的内容。

KineticJS 不支持 3D，但看起来您可以与 Three.JS 集成以获得一些 3D 结果。检查以下链接...

Combining three.js and KineticJS - 3D cube

http://www.tonicodes.net/blog/combining-three-js-and-kineticjs/

【讨论】：

+1。是的，KineticJS 中没有可用的 CSS 样式，而threeJS 是 3D 绘图的一种答案。您可以扩展您的答案，让提问者知道不要期望 ThreeJS 中的用户交互性与 KineticJS 中可用的相同。（KineticJS 在用户交互方面大放异彩，而threeJS 是编程驱动的。）