HTML5拖动文本掩码和记录拖动

HTML5拖动文本掩码和记录拖动,html,text,css,mask,Html,Text,Css,Mask,对于一个新的个人项目,我有一些很酷的想法,更多的是更新我的技能,但需要朝着正确的方向努力。我解释起来有点困难,所以请耐心听我说 用户基本上可以从左到右对文本的填充进行着色。它们可以通过从左向右拖动来执行此操作。为了实现这一点,我想到了[HTML5的文本/图像掩码][1]。然后用户基本上会从左向右拖动文本掩码,它会在文本中显示为“着色” 现在是困难的部分;我想记录这个拖动,并允许用户重播它是如何被用户“着色”的。那么,在文本的不同位置,速度有多快/慢 如果我的解释不清楚,请告诉我,否则我想听听你的

对于一个新的个人项目,我有一些很酷的想法,更多的是更新我的技能,但需要朝着正确的方向努力。我解释起来有点困难,所以请耐心听我说

用户基本上可以从左到右对文本的填充进行着色。它们可以通过从左向右拖动来执行此操作。为了实现这一点,我想到了[HTML5的文本/图像掩码][1]。然后用户基本上会从左向右拖动文本掩码,它会在文本中显示为“着色”

现在是困难的部分;我想记录这个拖动,并允许用户重播它是如何被用户“着色”的。那么,在文本的不同位置,速度有多快/慢

如果我的解释不清楚,请告诉我,否则我想听听你的建议/提示


再次感谢

似乎没有人在这条路上行走过,在这条路上,文本的填充是通过拖动来设置动画的。我得到的最接近的结果是:用画布标记填充的动画。这对我的情况不是很有用,但仍然值得一提

也很有意思,也许还有一条路要走: