Як я можу зберегти код svg як зображення .svg? [зачинено]


79

Як я міг зберегти наступний код SVG як зображення .svg

<svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">

<defs>
<linearGradient id="fill" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:rgb(224,224,224);stop-opacity:1"/>
<stop offset="100%" style="stop-color:rgb(153,153,153);stop-opacity:1"/>
</linearGradient>
</defs>

<path d="M 0 0 L 64 0 L 32 64 z" stroke="colourname" fill="url(#fill)"/>

</svg>

Будь-яка допомога буде вдячна. Дякую.


1
Просто помістіть його у файл, яка проблема ви бачите?
Greg Hewgill

Якщо я поміщу його у файл, це нормально, але я хотів би використовувати його як властивість border-image, як у: img.frame {-moz-border-image: url ('frame.svg') 93 92 87 92; }
necker

Ну це треба якось врятувати? Або це йде лише в один бік, тобто від зображення до svn html?
necker

Бачу, ви мали на увазі текстовий файл, а не html документ. Мінуси допомогли :) переглянути відповіді.
necker

1
Яке відношення це має до CSS3? SVG не має прямого відношення до CSS.
BoltClock

Відповіді:


147

Просто потрібно було зберегти його у текстовому файлі та надати йому розширення .svg.


17
Також не забудьте додати тег xml у верхню частину файлу svg безпосередньо перед тим, як вставити тег svg <? Xml version = "1.0" encoding = "utf-8"?>
Kiarash,

1
@Kiarash У Office365 додавання тегу xml робить svg невпізнанним.
toraritte

2
для мене тег xml не був необхідним, але мені довелося видалити будь-які <br>
Ферроао

7
Не забувайте: xmlns = " w3.org/2000/svg "
GBrian
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.