为什么网站不允许 SVG

已发表: 2022-12-09

SVG(可缩放矢量图形)是一种矢量图像格式,它允许比传统光栅图像格式更复杂的图形。 但是,某些网站不允许脚本化 SVG,这会限制这种格式的潜力。 这有几个原因; 首先,SVG 可用于创建动画或其他交互式内容,某些网站可能不希望这样做。 此外,SVG 文件可能比其他图像格式大得多,因此出于性能原因,网站可能不想允许它们。 最后,有些浏览器不支持 SVG,因此网站可能不想允许它以避免对用户造成潜在问题。

是否有任何浏览器不支持 Svg?

是否有任何浏览器不支持 Svg?
照片来源 – https://arstechnica.net

截至 2019 年初,所有主流浏览器都支持 SVG。 这包括 Microsoft Edge、Internet Explorer 11、Safari、Google Chrome 和 Mozilla Firefox。

目前不可能在您想要的每个浏览器中运行所有规范,因此您必须检查每个浏览器中的各个功能。 如果您只绘制基本形状并且不使用过滤器、动画等更高级的功能,您应该没问题。 这是浏览器兼容点的详细列表。 所有图像都应使用矢量图形呈现。 如果您使用这种方法,您就不必担心 iPhone 的视网膜显示屏。 设备将来会大量涌入。 请不要使用不受支持的网络浏览器。

通过创建一个“no-svg”类,您可以使用 png 而不是 svg。 如果您使用这样的元素,我会结合使用 Modernizr(一个检测的 JavaScript 库)。 其中包括一些功能,例如指定哪些功能可用的功能。 您还需要几行 jQuery 来支持和浏览器。

除基本支持外,Safari 3.5.1 和 3.5.1 版仅部分支持查看SVG 内容的功能,与 Safari 4.1.1 和 4 版相反。这绝对是您应该考虑添加到网站中的功能如果您想在平台的最新和最好版本上定位 Safari 用户。 如果您希望针对更广泛的浏览器,您可能希望避免使用 SVG(基本支持),而是依赖其他更高级的技术。

您的浏览器不支持 Svg 是什么意思?

您的浏览器不支持 Svg 是什么意思?
图片来源 – https://microsoft.com

如果您看到消息“您的浏览器不支持 SVG”,则表示您的浏览器无法读取或显示可缩放矢量图形文件。 SVG 是一种在网络上广泛使用的矢量图形格式。 大多数现代浏览器都支持 SVG,但一些较旧的浏览器不支持。

了解 SVG 是一个大型标准并且不能仅仅为了它而实施它是至关重要的。 目前,没有浏览器支持所有 1.1 版的 SVG,但有些已经开始支持了。 脚本和 HTML 工作,这是 ASV 中经常不兼容的领域。 Mozilla 花了大约两年的时间才在 SVG 的开发上取得重大进展,因为他们两年前决定投入一些员工时间。 在高级过滤器领域和分析模型的有限实施中可能会出现不足。 Chrome 和 Safari 的实施速度快如闪电。 在某些条件下,它们的性能优于 Firefox 3.6 十倍。

Microsoft 在 Internet Explorer 9 中将不支持声明性动画 (SVG SMIL)、过滤器和字体。所有其他浏览器除了提供一定程度的支持外,可能还需要完成该任务。 一些政党似乎正在推动一种较弱的字体版本,称为 WOFF,而不是更流行的 SVG 字体。 它只能在 Windows Vista 和 Windows 7 中运行,并且将来不太可能更新。 Windows XP 庞大的安装基础意味着 IE 9 可能需要一些时间才能获得重要的市场份额。 很多人说是,但我不确定他们的意见是否合理。

可缩放矢量图形 (SVG) 文件是图像文件的一种类型。 有许多浏览器选项可用于查看 SVG 文件,包括 Mozilla Firefox、Google Chrome 和 Opera。 它们仅在 Google Chrome 或 Opera 网络浏览器中可见,但您也可以使用 ODS HTML5 创建 SVG。 可以通过 Firefox Web 浏览器打开并选择SVG 文件的源代码。 通过右键单击该文件并选择使用 Firefox 打开,您可以使用 Firefox。 当文件加载到 Firefox 中时,它将被视为默认文件。 要在 Google Chrome 中查看 SVG 文件,您可以使用 Google Chrome 网络浏览器访问它。 可以通过右键单击文件并选择“使用 Chrome 打开”来打开该文件。 使用 Chrome 时,该文件将显示在默认视图中。 要在 Opera 中查看 SVG 文件,请转到浏览器并打开该文件。 要打开该文件,请右键单击它并选择使用 Opera 打开。 只要文件在默认模式下打开,Opera 就会打开它。

“浏览器不支持内联 Svg”问题

由于文件嵌入在不完全兼容的网页上,因此在创建新页面时会出现内联 SVG 问题。 当浏览器不支持内联 PDF 时也会发生这种情况,原因类似,但主要是浏览器兼容性问题。 由于 XML 库具有索引、压缩和编写 SVG 文件脚本的能力,因此它们非常适合此目的。 Web 浏览器能够使用 SVG 文件。 但是,您必须使用支持可缩放矢量图形的查看器或浏览器才能在浏览器中查看 SVG 文件。 某些浏览器(例如 Mozilla Firefox)支持使用 SVG 文件。 您只能在计算机上使用 Google Chrome 或 Opera 查看在 ODS HTML5 目标中创建的 SVGZ 图形。


为什么 WordPress 不允许使用 Svg?

由于存在恶意代码注入的可能性,一些网络托管服务提供商不允许上传 SVG 文件。 此外,出于安全原因,WordPress 默认不允许上传 SVG 文件。

用于向网站添加矢量图形的最常见图像格式之一是图像格式中的矢量图形,称为 SVG(可缩放矢量图形)。 WordPress 不支持从默认上传器上传 SVG 文件。 解决方案是向您的 WordPress 网站添加一个插件,以便您提供支持。 有一些手动方法不需要任何插件即可启用 SVG 上传。 损坏的 SVG 文件可能会毁掉一个网站。 WordPress 平台包含多个安全插件,可用于阻止此类威胁。 如何将 svg 文件上传到 WordPress?

方法 1 是使用 SVG 支持插件将 SVG 添加到 WordPress。 上传安全 SVG 功能允许您上传和清理 SVG 文件。 如果您不允许访客发帖,使用 Safe SVG 插件是最有效的方法。 此外,Code Snippets 是一个代码管理插件,可用于将 PHP 代码添加到 WordPress。 请随时在评论部分提出您可能有的任何疑虑。 本教程将引导您完成将 SVG 上传到 WordPress 的过程。

WordPress 是创建博客和网站的绝佳平台。 它使用简单且适应性强,因此无论任务是什么,它都能很好地工作。 您可以使用SVG 图像为您的网站增添视觉吸引力。 您可以使用帖子编辑器立即上传和嵌入 SVG 文件。

使用 Svg 文件的风险

由于 XML 文件中使用了 XML,因此可能会受到恶意代码的攻击以窃取或破坏数据。 此外,WordPress 本身不支持 SVG 文件,因此用户必须使用第三方插件或代码才能做到这一点。 最后,需要注意的是,并非所有浏览器类型都支持该文件类型; 不支持该文件类型的设备上的用户可能根本无法查看这些文件。

为什么 Svg 不显示在 Html 中?

有几个潜在的原因可能导致您的 SVG 文件嵌入到 HTML 文档中后无法显示。 一种可能是该文件与 HTML 文档不在同一目录中,因此浏览器无法找到它。 另一种可能是文件格式不正确,浏览器无法解释它。 最后,某些浏览器无法显示 SVG 文件,因此您的浏览器可能与文件格式不兼容。

无论您是任何级别的开发人员、设计师或程序员,Treehouse 社区都是寻求支持的地方。 今天,您可以在社区中见到您的 Treehouse 校友和学生。 新生可以免费试用 Treehouse 一周。 该站点提供对大量内容和志同道合者社区的访问。 object 元素是浏览器友好的。 如果你想将图像用作 div 中的图像,你可以在顶部包含一个明确的边距,如果你想让它居中:margin: 0 auto; 或者,如果您希望它表现得像图像,您可以将 div 的显示设置为内联。 如果这不能解决问题,你能粘贴你用来放置 svg 的代码吗?

Svg 图像:如何将它们嵌入网页

例如,使用 img> 标签只需要几个词来引用 SVG 文件。 “/br” = “imgsrc=mySVG.svg” alt=My SVG 当用户将鼠标移到文本上时,替代文本用作工具提示。
object> 标签也可用于嵌入 SVG 文件。 图像大小为 480 x 480。
该对象的尺寸为 500x500 像素。 通过使用对象的属性,您可以控制 SVG 的外观。