JavaScript可以使用内联svg，但不能使用外部链接的svg？
JavaScript可以使用内联svg，但不能使用外部链接的svg。内联svg是将svg代码直接嵌入到HTML文档中，可以通过使用<svg>标签来创建svg图形。内联svg的优势是可以直接在HTML中编辑和控制svg图形的属性和行为，方便灵活。内联svg适用于需要动态生成和操作svg图形的场景，比如数据可视化、动画效果等。
相反，外部链接的svg是将svg代码保存在一个独立的.svg文件中，并通过<img>标签或CSS的background-image属性来引用。外部链接的svg的优势是可以实现代码的复用和维护，可以在多个HTML文档中共享同一个svg文件。外部链接的svg适用于需要在多个页面中使用相同的svg图形的场景。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云SVG图形处理：https://cloud.tencent.com/product/svg
- 腾讯云数据可视化：https://cloud.tencent.com/product/dv
- 腾讯云动画制作：https://cloud.tencent.com/product/aa
相关·内容
1回答
JavaScript可以使用内联svg，但不能使用外部链接的svg？
javascript、html、css、svg
我不知道如何将此代码应用于外部svg。
我正在使用Illustrator，我从那里导出了svg。在HTML中，我想获取的路径名并将其打印在工具提示中。当我使用svg内联时，这是有效的。我试图阅读有关如何以同样的方式实现外部svg的方法，但没有任何成功。我能做些什么来让相同的代码与外部svg一起工作吗？使
浏览 0提问于2017-08-09得票数 0
1回答
用jQuery和CSS对外部SVG文件进行样式化
jquery、css、svg
我已经启用了SVG-文件链接在我的WP网站上使用安全SVG插件，我很高兴它。但是，我在设置包含在调用/linikng的外部文件中的SVG路径时遇到了问题。目前，我无法创建我想要的交互活动，因为我不能：
使用我的自定义javascript/jQuery将类添加到各个SVG路径(它适用于我的所有内联</e
浏览 0提问于2016-11-23得票数 1
回答已采纳
2回答
SVG <script>元素:内部还是外部？
javascript、jquery、svg
我看到可以在svg tag ()中使用<script>标签。此外，svg标记中的元素可以通过标记外部的JavaScript进行访问，因为它们是DOM的一部分。我找不到更多关于哪个更好的细节。通常，我将所有JS代码放在单独的文件中，并在html中包含引用。我也可以对针对svg元素的脚本执行相同的操作吗
浏览 4提问于2011-05-03得票数 12
回答已采纳
1回答
在享受内容安全策略(，CSP)提供的所有保护的同时，是否能够充分利用SVG呢？
content-security-policy、svg
我的理解是：
如果SVGs通过<svg>标记直接嵌入到站点的HTML代码中，则它们提供的功能要比通过<img>标记链接的功能要好得多。例如，如果使用<svg>标记，则可以动态更改SVG某些部分的颜色，甚至可以从JavaScript中移动部分。至少有两种方法可以解决这一问题，但不幸的</
浏览 0提问于2022-05-30得票数 2
1回答
剪辑路径属性在chrome中不起作用
css、svg
我的代码可以在IE和Firefox.But中运行，但不能在chrome中运行<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="
浏览 1提问于2015-03-04得票数 0
2回答
SVG比其他图像格式更适合SEO吗？
seo、svg、technical-seo、inlining
当我在互联网上阅读一篇文章时，我读到SVG比其他图像格式更适合SEO。这有多真实？另外，当向网站添加SVG图像时，应该将其添加为<svg>还是<img>？
浏览 0提问于2021-09-25得票数 7
回答已采纳
2回答
从fetch API调用中返回的URL访问SVG数据
javascript、html、image、svg
我使用API调用返回SVG，但是请求作为SVG的url返回，我需要编辑SVG颜色，但不能访问SVG内联数据。此url将与每个请求不同。有没有任何方法可以直接访问SVG中的数据，例如路径？
浏览 3提问于2022-06-05得票数 0
回答已采纳
1回答
用JavaScript与JSON构建内联SVG图
javascript、html、css、json、svg
我目前正在进行一个涉及构建动态图表的项目，并且正在考虑使用SVG来实现这个目标。基本上，我想要在页面中构造一个矩形框，在这里，我可以在左边的矩形框中输入1到10条svg行。要确定实际出
浏览 3提问于2016-04-14得票数 2
回答已采纳
5回答
如何使用其父容器进行svg缩放？
css、html、svg、scaling
我想让一个内联svg元素的内容在size是非原生的时候缩放。当然，我可以将它作为一个单独的文件，并像这样扩展它。index.html：<img src="foo.svg" style="width: 100%;" />
foo.svg：<svg width="123" height="456"></
浏览 223提问于2013-10-21得票数 309
回答已采纳
1回答
为什么外部SVG超出了父SVG视图框的范围？
html、svg
我正在构建一个web应用程序，它使用SVG来定位和显示特定的元素。其目的是允许对外部链接的SVG图像进行缩放和摇摄/扫描。我尝试过各种选项，包括显式地将CSS溢出设置为隐藏的，以及在外部SVG和我的内联SVG中调整viewBox设置。我隔离了所有相关的HTML、CSS和SVG数据，并包含在这里托管的一
浏览 0提问于2019-07-17得票数 0
2回答
嵌入SVG，这样既可以回退到栅格，又可以通过CSS对其进行操作
html、web、vector、svg
我正在尝试嵌入一个回退到光栅(gif)的SVG，但是我也想要一些悬停效果。我能够让这两个功能都工作，但不能同时工作。我可以使用许多不同的技术之一嵌入带有回退选项的SVG，或者我可以内联插入SVG代码，然后svg:hover rect {fill: #FFF}等CSS样式将起作用，但如果我使用允许回退选项的对象、img因此，这些嵌入允许后备选项，<
浏览 3提问于2014-08-19得票数 0
1回答
将被CSS引用的外部svg文件放在哪里？
html、css、svg
我试图引用CSS中的SVG过滤器。两者都是外部的。
当SVG过滤器是内联的，但在外部文件中不工作时，它可以很好地工作。我不希望SVG内联以避免臃肿的html文件。根据这个，如果svg来自与html“相同的起源”，它应该能工作。我不清楚“同样的起源”是什么意思。我的目录结构是: index.ht
浏览 1提问于2014-01-20得票数 3
1回答
使用SVG内联或作为图像在可访问性方面有什么不同？
svg、accessibility
我正在开发一个网页，试图专注于可访问性，并在SVG中创建了不同的图形。其中一些来源似乎声称(直接或间接)使用SVG内联更有利于可访问性；因此，我使用NVDA进行了几次测试，以了解差异，但我没有一见钟情。例如，使用一个简单的SVG：<svg width="100" height="100" viewBox="0 0 100 100" role=&q
浏览 2提问于2016-12-21得票数 0
2回答
SVG将<g>标记转换为包含base64 PNG的<image>标记(请阅读更多信息)
javascript、node.js、reactjs、canvas、fabricjs
我有一个有趣的问题(希望如此！)我注意到有两种“类型”的SVG<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink我的问题是：是否有任何平滑的方法将传统的SVG转换为“假的”
浏览 3提问于2021-05-15得票数 2
2回答
在HTML中嵌入SVG图像并将文本保留为文本
html、svg、text
是否可以使用image标记(或任何其他标记)将其嵌入到HTML中，并将文本保留为文本，从而可以选择或搜索文本，例如使用"control+find"？普通的image标记无法实现这一点：<image src="https://www.w3.org/TR/SVG11/images/text/toap04.svg"></image&g
浏览 3提问于2022-08-27得票数 1
回答已采纳
2回答
使用CSS更改svg图像的颜色
html、css、svg
我的html文件中有以下svg图像：现在，我正在尝试使用以下css代码更改颜色： fill使用css更改svg图像路径颜色的正确方法是什么？谢谢!
浏览 4提问于2016-10-31得票数 5
2回答
每当我导入一个带有<use>标签的svg时，它不会工作，除非我指定了那个svg的id，即使它是文档中唯一的svg！在svg文件中指定一个id="shap“后，这将起作用： <svg className="home__social-icon-leetcode">
<use xlinkHref="svg/shap.svg#shap&q
浏览 54提问于2021-08-11得票数 0
1回答
大型内嵌SVG不能完全绘制
html、svg
我有一个大约6300行长的SVG文件。在Chrome中以.svg的形式打开这个文件，效果很好。但是，当我通过标记在文件中内联使用它时，只绘制了一半的元素。通过Chrome的"analyze element"选项，我看到嵌入式SVG的源代码被切断了。我也尝试过Firefox，但是这里SVG仍然是空的，唯一不同的是，缺少的元素是在
浏览 6提问于2013-07-31得票数 1
回答已采纳
1回答
是否可以同时使用外部css样式表/ js文件和外部svg文件？
javascript、html、css、svg
我希望在修改外部svg文件时使用外部css / js文件，但是，在将svg文件“导入”到html中时，它的“子标记”(如路径)不会被导入，因此css和js不能更改它。 <script src="map.js"></script>
浏览 6提问于2020-06-01得票数 1
回答已采纳
2回答
为什么此html5页面上会有垂直滚动？
html、css、svg
padding: 0; outline: 0; height: 100%; svg{ height: 100%; </style> <svg></svg>
</body></html>
浏览 2提问于2013-05-14得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
