Как я могу оживить много текста за графикой?

Question

Страница будет белой с формой Тадж-Маджала (т.е. маской) с буквами, прокручивающимися справа налево на слое ниже маски. См. Здесь визуальный комп./ холст и JQuery Marquee.Один из них особенно подходит для этого?

Answer 1

Вероятно, вы можете использовать многослойные DIV с прозрачной графикой для достижения этого в браузере.

jQuery обеспечивает хорошую реализацию marquee поведения для текста - все, что вам нужно сделать, это наложить PNG с прозрачной областью, где вы хотите отобразить текст и белые пиксели, где вы хотите замаскировать его , Изображение будет располагаться над выделенным DIV в z-порядке.

Как HTML5, так и SVG, вероятно, также могли бы поддерживать это поведение, хотя это потребовало бы больше работы с вашей стороны, так как я не знаю о готовых компонентах, которые реализуют поведение выделения для любого из них. Вы также получите страницу, которая будет видна небольшой аудитории, поскольку ни SVG, ни HTML5 не очень широко доступны.

Answer 2

Базового HTML должно быть достаточно для этого. Avoids также является несовместимостью браузера. Просто имейте большое изображение (PNG или GIF) с прозрачной областью маски, абсолютно расположенной над кучей строк текста. .

Вам нужно будет дублировать каждую строку достаточно много раз по вертикали, чтобы они дважды заполняли видимую область, если вы хотите, чтобы они плавно повторялись. После этого просто переместите каждую строку с таймером. Это может быть наиболее эффективным способом без использования каких-либо библиотечных методов анимации и просто быстрого развертывания собственных методов, но также следует использовать любой метод выделения в каждой строке отдельно.