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



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

用户基本上可以从左到右为一段文本的填充着色。他们可以通过从左向右拖动来做到这一点。为了实现这一点,我想到了[HTML5的文本/图像掩码][1]。然后,用户基本上会从左向右拖动文本掩码,它会在文本中显示为"有色"。。

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

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

再次感谢!

似乎没有人在这条路上,文本的填充是通过拖动来设置动画的。我得到的最接近的是:http://jsbin.com/ubaxi/使用画布标记填充的动画。对我的案子不太有用,但仍然值得一提。

同样有趣的是,也许还有一条路要走:使用jQuery在画布对象

上设置动画

最新更新