Javascript 如何在html5画布中使用粒子绘制字母表_Javascript_Html_Canvas_Html5 Canvas

Javascript 如何在html5画布中使用粒子绘制字母表

javascript html canvas html5-canvas

Javascript 如何在html5画布中使用粒子绘制字母表,javascript,html,canvas,html5-canvas,Javascript,Html,Canvas,Html5 Canvas,在浏览互联网时，我偶然发现了雅兰蒂斯，并对它的“Y”粒子滑块感到惊讶。现在，我想创建我名字的首字母，就像他们创建的一样。使用粒子（不是particlejs，我很确定）请任何人都可以帮助我，我如何才能画出我的首字母只是这里提到的例子是链接btw看看我试图生成随机粒子，但我想生成我的首字母谢谢：）创建屏幕外画布。呈现所需的文本。使用上下文获取像素数据。getImageData使用该像素数据确定粒子需要去哪里生成文本，然后渲染粒子效果。这些步骤都可以在Stackoverflow（SO）上找到。

在浏览互联网时，我偶然发现了雅兰蒂斯，并对它的“Y”粒子滑块感到惊讶。现在，我想创建我名字的首字母，就像他们创建的一样。使用粒子（不是particlejs，我很确定）

请任何人都可以帮助我，我如何才能画出我的首字母只是这里提到的例子是链接btw看看

我试图生成随机粒子，但我想生成我的首字母

谢谢：）

创建屏幕外画布。呈现所需的文本。使用

上下文获取像素数据。getImageData

使用该像素数据确定粒子需要去哪里生成文本，然后渲染粒子效果。这些步骤都可以在Stackoverflow（SO）上找到。您认为有什么好的教程或参考资料吗？如果我能得到一张，那就太好了。我对画布有点陌生。：）