HTML5 拖拽文本 mask 和记录拖拽

标签 html text css mask

对于一个新的个人元素,我有一些很酷的想法,更多的是为了真正提高我的技能,但需要朝着正确的方向插入。我有点难以解释,请耐心等待。

用户基本上可以从左到右为一段文本填充颜色。他们可以通过从左向右拖动来做到这一点。为了实现这一点,我正在考虑 [HTML5 的文本/图像掩码][1]。然后,用户基本上会从左向右拖动文本 mask ,它会在文本片段中“着色”时出现。

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

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

再次感谢!

最佳答案

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

也很有趣,也许是要走的路:Using jQuery animate on canvas objects

关于HTML5 拖拽文本 mask 和记录拖拽,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6499053/

相关文章:

javascript - CSS 过滤器正则表达式 JS

css - Flexbox 列表溢出容器

html - 删除奇怪的空间

html - 仅限 Chrome 的表单标签错误

javascript - 在 html 中的文本字段和 <p> 元素之间观察到额外的间距

iphone - 选择和突出显示标签上的文本

text - WebGL:文本渲染和混合问题

javascript - 单击 <li> 时将单击结果发送到 href

html - 按钮和文本偏移 HTML

html - 卡在缩略图图像顶部覆盖播放按钮