Php 在HTML中放置和显示单个图形svg的两种最简单的方法

Php 在HTML中放置和显示单个图形svg的两种最简单的方法,php,html,caching,svg,inline,Php,Html,Caching,Svg,Inline,//更新的问题,跳过评论部分,因为所有提示都在此处实现// 给定一个简单的svg文件logo.svg只包含一个图形(!)和一个我们希望将图形放入其中的html页面,以最简单的方式使用尽可能少的代码 方法1:非常有效!但是没有缓存,因为整个svg在html源代码中成为内联的: <? include("logo.svg")?> 最后一步:如何将包含svg内容的外部文件显示为图形,而不是xml? logo.svg <svg viewBox="0 0 200 200" id=

//更新的问题,跳过评论部分,因为所有提示都在此处实现//

给定一个简单的svg文件
logo.svg
只包含一个图形(!)和一个我们希望将图形放入其中的html页面,以最简单的方式使用尽可能少的代码


方法1:非常有效!但是没有缓存,因为整个svg在html源代码中成为内联的:

<? include("logo.svg")?>
最后一步:如何将包含svg内容的外部文件显示为图形,而不是xml?


logo.svg

<svg  viewBox="0 0 200 200"  id="svglogo">
<path d="m151.4 63.7c0.2 0 23.5 2 37.7-10.9 6.6-6 10.3-14.3
         11-24.7v-28.1h-200.1v31.9c0.7 10.4 4.4 18.7 11 247" />
</svg>



经过大量试用并与其他svg工作和我的干净svg不工作的原因进行比较后,似乎所有设置都正确(甚至.htaccess文件),除了:

//svg显示为数字xml
必须是:

<svg viewBox="0 0 200 200" id="svglogo"
     version="1.1"
     xmlns:xlink="http://www.w3.org/1999/xlink"
     xmlns="http://www.w3.org/2000/svg"
>

设置这三个额外参数后,svg将显示为图形。
实际上,第四行也是最后一行是最基本的部分。如果没有这一行,所有内容都可以理解为原始问题:无聊的xml数据表。随着它成为一个图形!其他两行(第二行和第三行)可以删除,只要最后一行就位,图形就会显示出来。

经过多次试用,并与其他svg工作的原因和我的干净svg没有工作的原因进行比较后,似乎所有设置都正确(甚至.htaccess文件),除了:

//svg显示为数字xml
必须是:

<svg viewBox="0 0 200 200" id="svglogo"
     version="1.1"
     xmlns:xlink="http://www.w3.org/1999/xlink"
     xmlns="http://www.w3.org/2000/svg"
>

设置这三个额外参数后,svg将显示为图形。
实际上,第四行也是最后一行是最基本的部分。如果没有这一行,所有内容都可以理解为原始问题:无聊的xml数据表。随着它成为一个图形!其他两行(第二行和第三行)可以删除,只要最后一行就位,图形就会显示。

Code在我尝试时对我有效。不知道为什么相同的语法不适用于您。Web服务器是否可以访问该文件?
-可能无法工作,因为这在技术上是无效的HTML,
(如果您正在对其进行XML格式设置)@apokryfos,如问题中所述,使用方法1可以完美地加载和显示该文件。所以我不认为这是wevserver的问题……但是使用方法一,您可以在后端读取文件。使用方法2和3,浏览器在加载页面时被指示下载文件,以便Web服务器需要为其提供服务。是。这就是我要问的(我从来没有想到HTML格式是如此严格)代码在我尝试时对我有效。不知道为什么相同的语法不适用于您。Web服务器是否可以访问该文件?
-可能无法工作,因为这在技术上是无效的HTML,
(如果您正在对其进行XML格式设置)@apokryfos,如问题中所述,使用方法1可以完美地加载和显示该文件。所以我不认为这是wevserver的问题……但是使用方法一,您可以在后端读取文件。使用方法2和3,浏览器在加载页面时被指示下载文件,以便Web服务器需要为其提供服务。是。这就是我要问的(我从来没有想到HTML格式是如此严格)
<svg viewBox="0 0 200 200" id="svglogo">  // svg shows as numeric xml 
<svg viewBox="0 0 200 200" id="svglogo"
     version="1.1"
     xmlns:xlink="http://www.w3.org/1999/xlink"
     xmlns="http://www.w3.org/2000/svg"
>