VML альтернатива шаблону SVG (возможно, с использованием Raphael JS) - PullRequest
2 голосов
/ 04 мая 2011

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

Чтобы упростить свою жизнь, я использую Raphaël JS (точнее, я используюНарисуйте пакет ExtJS 4.0, который основан на Raphaël), так что мне не нужно беспокоиться о различиях между SVG и VML.

Raphael JS, однако, не предоставляет способа определения шаблонов и их использования.так что мне придется сделать это вручную.В SVG это не большая проблема, но в VML я не могу найти способ создать шаблон и использовать его в качестве (повторяющегося) фона пути.

Самая близкая вещь, которую я нашел, - это способностьиспользовать изображение в качестве фона пути, как описано здесь в MSDN .Проблема в том, что я хочу заполнить путь повторяющимся векторным изображением, поэтому я могу масштабировать его и при этом выглядеть красиво.

Любая помощь в указании меня в правильном направлении для решения этой проблемы будет принята с благодарностью.

Редактировать: Для людей, посещающих мой пост: я пришел к выводу, что описанное выше невозможно.Единственный возможный шаблон в VML - это мозаичное изображение с использованием элемента заполнения .Узоры, сделанные из векторных фигур, в VML невозможны.

1 Ответ

0 голосов
/ 15 июня 2011

Я использую этот метод:

1- Создайте ограничивающий прямоугольник с элементом пути (не прямоугольным) пути, который вы хотите заполнить.2- Добавьте "z" и строку пути, который вы хотите заполнить, к строке пути ограничительной рамки.Это создаст обрезанный прямоугольник.3- Используйте javascript для повторения рисунка за обрезанным прямоугольником.

...