HTML5 перетащить текстовую маску и перетащить запись - PullRequest
0 голосов
/ 28 июня 2011

У меня есть кое-что интересное для нового личного проекта, больше для того, чтобы действительно обновить мои навыки, но мне нужно двигаться в правильном направлении.Мне немного сложно объяснить, так что терпите меня.

Пользователи могут в основном закрашивать заливку фрагмента текста слева направо.Они могут сделать это, перетаскивая слева направо.Чтобы достичь этого, я думал о [HTML5 text / image mask] [1].Затем пользователи обычно перетаскивают текстовую маску слева направо, и она выглядит так, как будто они «окрашены» в фрагменте текста.

Теперь вот сложная часть;Я хочу записать это перетаскивание и позволить пользователям воспроизводить, как он был «окрашен» пользователем.Так как быстро / медленно в разных местах текста.

Пожалуйста, дайте мне знать, если мое объяснение неясно, иначе я бы хотел услышать ваше предложение / подсказку.

Еще раз спасибо!

1 Ответ

0 голосов
/ 23 августа 2011

Похоже, никто не был на этой дороге, где заливка текста анимируется с помощью перетаскивания.Самое близкое, что у меня получилось, это: http://jsbin.com/ubaxi/ Анимация заливки тегом canvas.Не очень полезно для моего случая, но все же стоит упомянуть.

Также интересно, и, возможно, путь: Использование jQuery animate на объектах canvas

...