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

时间:2011-06-27 21:17:36

标签: html5 text css3 mask

对于一个新的个人项目,我有一些很酷的东西,更多的是真正更新我的技能,但需要朝着正确的方向努力。对我来说,解释一下这对我来说有点困难。

用户基本上可以从左到右为一段文本填充颜色。他们可以通过从左向右拖动来实现。为了达到这个目的,我想到了[HTML5的文本/图像掩码] [1]。然后,用户基本上将文本掩码从左向右拖动,并且它将在文本片段中“着色”时显示。

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

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

再次感谢!

1 个答案:

答案 0 :(得分:0)

似乎没有人在这条路上,通过拖动动画文本的填充。我得到的最接近的是:http://jsbin.com/ubaxi/使用canvas标签填充的动画。对我的情况不是很有用,但仍然值得一提。

同样有趣,也许还有可行的方法:Using jQuery animate on canvas objects