Javascript 如何使用HTML5画布制作浮动文本?

Javascript 如何使用HTML5画布制作浮动文本?,javascript,css,html,canvas,Javascript,Css,Html,Canvas,var s=document.getElementById(“火焰画布”); var c=canvas.getContext(“2d”); var i=document.createElement(“img”); i、 src=”http://lj.x10.bz/flame.png"; c、 drawImage(i,0,0) 您的浏览器不支持HTML5画布标记。欢迎使用Stackoverflow!你的问题太广泛了,不可能是一个关于Stackoverflow的好问题(它有太多不同的答案)。给你一个

var s=document.getElementById(“火焰画布”);
var c=canvas.getContext(“2d”);
var i=document.createElement(“img”);
i、 src=”http://lj.x10.bz/flame.png";
c、 drawImage(i,0,0)

您的浏览器不支持HTML5画布标记。
欢迎使用Stackoverflow!你的问题太广泛了,不可能是一个关于Stackoverflow的好问题(它有太多不同的答案)。给你一个开始:1。创建一个表示每个浮动字母的对象(
{letter:'A',x:50,y:100,opacity:1.00}
),并将所有对象保存在一个数组中。2.创建一个requestAnimation循环,减少每个对象的y值,如果小于指定的y值,则减少其不透明度。3.清除画布并在其新位置和不透明处重新绘制所有对象。如果您对特定代码有疑问,请返回SO.:-)谢谢,我所做的。不要说“这是我所做的”作为评论,而是将这些信息作为你上述问题的一部分