Я испытываю динамическое создание фона веб-страницы, используя строки и текст.
Взгляните на мою демонстрацию в http://74er.net/labs/lines.html (просто сфокусируйтесь на желтой линии).
Это неэффективный и неэффективный метод, который буквально создает элемент <span> размером 1 X 1 и желтый фон с позицией X, Y на основе формулы эллипса.
Мои требования к созданию линии довольно просты (или довольно просты):
- должен создаваться на стороне клиента, а не динамическим образом, генерируемым серверными сценариями
- может быть создано на основе простой формулы (круг, эллипс или просто прямая линия)
- может содержаться в элементе DOM (например, DIV, чтобы я мог наложить его в качестве фона)
- Нет техники холста HTML5 (просто потому, что она должна отображаться в браузерах, не поддерживающих HTML5)
- Не слишком обременительно для браузера, как моя текущая реализация
Нет необходимости:
- действительно плавные кривые (хотя это будет приветствоваться)
- пунктирная / пунктирная (мне это тоже понравится, если это возможно)
Исходя из вышеизложенного, я почти уверен, что SVG (с Raphaël ) - это путь, НО меня отталкивает отсутствие поддержки родного SVG в некоторых браузерах.
Я посмотрел на библиотеку Уолтера Зорна , и в ней есть несколько превосходных встроенных алгоритмов настройки производительности. Так что это будет мой выбор, если я не смогу найти более креативную реализацию.
Дайте мне знать, если вам нужны дальнейшие разъяснения.