Как привести к тому же результату на различных браузерах при встраивании файла SVG в HTML-код?
Это стоит подписать на канал Google Tech Talk YouTube. Это - видеоподкаст с набором действительно интересных, всесторонних докладов, сделанных к Google, но (обычно) внешним динамикам.
среди Прошлых предъявителей Linus Torvals, Guido van Rossum, Merlin Mann и Larry Wall. Видео является обычно просто слайдами так (в зависимости от динамика), Вы, возможно, не должны были бы смотреть.
1 ответ
Я получаю разные результаты по размеру между Firefox и Safari (в Windows) только тогда, когда окно просмотра определено в svg.
Решение состоит в том, чтобы
- установить для атрибута ширины и высоты в теге объекта в HTML абсолютные значения (пиксель).
- установить для атрибута ширины и высоты в файле svg относительные значения (например, 100%)
Тогда и FF, и Safari показывают одинаковое поведение! Вы должны попробовать это, если это применимо к вашей ситуации.
РЕДАКТИРОВАТЬ: Относительно ваших новых вопросов: - Прозрачность в Safari кажется ошибкой: ошибки Webkit - Стандартный способ встраивания: не думаю, что есть стандартный способ. вы можете использовать object, iframe, img или svg (встроенное объявление).
Если вы хотите, чтобы это работало в каждом браузере, вам, вероятно, придется использовать анализ браузера и использовать теги object или img в зависимости от браузера. Или вам стоит попробовать iframe. поскольку они должны иметь прозрачный фон в сафари и firefox. (но не знаю об Opera)
Как всегда, поддержка браузера webdev является большой проблемой, как вы можете видеть здесь: svg support (щелкнув изображение, вы можете проверить наличие svg особенности подробно)