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

Question

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

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

有解决方法吗？

Answer 1

是的，你可以分三步完成：

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

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

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