例如,想象文本“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?