kineticjs - 为文本对象 kineticjs 应用多个阴影

Question

有可能在 css 中使用多个阴影 - http://line25.com/wp-content/uploads/2010/text-shadow/demo/index.html。

我想在 kineticjs（霓虹灯效果）中做同样的事情。但根据文档，我只能将一个阴影应用于对象。

有解决方案吗？

Answer 1

是的，您可以通过 3 个步骤做到这一点：

1. 在屏幕外的 html 画布上创建霓虹灯文本 -- document.createElement("canvas") ...
2. 使用 newImage.src=myCanvas.toDataURL() 将该画布转换为图像对象。
3. 使用该图像对象创建 Kinetic.Image

这是一篇关于如何在 html 画布中创建霓虹灯文本的帖子的链接：

http://www.html5rocks.com/en/tutorials/canvas/texteffects/