是否可以从Text中制作独立的SVG图像文件?

时间:2017-09-16 09:03:09

标签: svg

例如,想象文本“UP”。我知道有SVG文本和SVG图像。

是否可以创建可用作图标的图像文件(例如tab.svg)? (例如contextMenu图标)

Is it possible to to make SVG image from Text?中给出的示例可以正常用作数据URI,但在直接打开时仍保留为文本,并且不作为上下文菜单图标工作/显示。

更多信息

基于路径的SVG示例:check.svg

<!-- This Source Code Form is subject to the terms of the Mozilla Public
   - License, v. 2.0. If a copy of the MPL was not distributed with this
   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
  <path fill="context-fill" d="M6 14a1 1 0 0 1-.707-.293l-3-3a1 1 0 0 1 1.414-1.414l2.157 2.157 6.316-9.023a1 1 0 0 1 1.639 1.146l-7 10a1 1 0 0 1-.732.427A.863.863 0 0 1 6 14z"/>
</svg>

如果浏览器打开check.svg(例如file:/// C:/...e/check.svg),浏览器会将其显示为图像(尽管它只是一个复选标记)。< / p>

check.svg可以设置为src的{​​{1}}。它也可以在Firefox(和其他支持的浏览器)中设置为contextMenu图像/图标。

基于文本的SVG示例:img

url.svg

如果浏览器打开<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg xmlns="http://www.w3.org/2000/svg"><text x="0" y="35">URL</text></svg> (例如file:/// C:/...e/url.svg),浏览器会将其显示为TEXT。每个字母都可以选择。

url.svg可以设置为url.svg的{​​{1}}。然后它将显示为图像。

但是,它无法在Firefox中设置为contextMenu图像/图标。它不显示。

我是否遗漏了某些内容,或者是否无法以这种方式使用基于TEXT的SVG?

0 个答案:

没有答案