JS生成的SVG不填充空格
SVG（Scalable Vector Graphics）是一种基于XML的矢量图形格式，可以通过使用JavaScript生成动态的SVG图形。在JS生成的SVG中，如果不填充空格，即指SVG图形中的路径没有填充颜色。
SVG的优势在于其可伸缩性和矢量性，可以无损地放大或缩小图像而不失真。它支持各种图形元素和属性，可以实现复杂的图形效果和动画。由于SVG是基于文本的，因此可以轻松地与其他Web技术（如HTML、CSS和JavaScript）集成。
应用场景：
- 数据可视化：SVG可以用于创建各种图表、图形和数据可视化效果，如折线图、柱状图、饼图等。
- UI设计：SVG可以用于创建矢量图标、按钮、背景等UI元素，具有良好的视觉效果和交互性。
- 动画效果：SVG支持各种动画效果，可以实现平滑的过渡、路径动画、形状变换等。
- 游戏开发：SVG可以用于创建游戏中的角色、场景和特效，具有较小的文件大小和良好的性能。
腾讯云相关产品：
腾讯云提供了一系列与SVG相关的产品和服务，包括：
- 腾讯云对象存储（COS）：用于存储和管理SVG文件，提供高可靠性和可扩展性的存储服务。链接地址：https://cloud.tencent.com/product/cos
- 腾讯云CDN：用于加速SVG文件的传输和分发，提供全球覆盖的内容分发网络。链接地址：https://cloud.tencent.com/product/cdn
- 腾讯云云函数（SCF）：用于在云端运行JavaScript代码，可以结合SVG生成动态的图形效果。链接地址：https://cloud.tencent.com/product/scf
- 腾讯云云服务器（CVM）：用于部署和运行Web应用程序，可以托管SVG生成的网页。链接地址：https://cloud.tencent.com/product/cvm
以上是关于JS生成的SVG不填充空格的完善且全面的答案，希望能对您有所帮助。
相关·内容
1回答
我有一个用JS和D3生成的SVG，位于一个表格单元格内。问题是SVG填充的空格似乎被忽略了，就像它在表外一样:当我添加另一行时，它位于SVG上。该页面的链接为
有人知道怎么解决这个问题吗？？
浏览 14提问于2017-06-29得票数 0
回答已采纳
2回答
SVG不填充移动视图上的整个视窗
、、、、
我的网站上所有的wave SVG都有问题。有没有人知道如何让SVG填充整个屏幕的视窗/宽度？<div> //align-content: space-between</div>
<foo
浏览 5提问于2020-05-02得票数 1
1回答
我有一个svg多边形，我试图让多边形填充到svg容器的大小。更改高度和宽度属性按预期缩放多边形，但是我不希望多边形和svg之间的任何空格。有没有办法做到这一点，而不必重新做点？<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="
浏览 2提问于2020-06-01得票数 0
回答已采纳
pattern = Trianglify({ width: 360, cell_size: 20 }) </script>一个名为“三角化”的插件()。
问题是，我有几个div需要选择和填充，但是当这个脚本运行时，它只生成一个所有的随机代码，所以对于所有的div，结果都是一样<
浏览 0提问于2018-08-09得票数 1
回答已采纳
2回答
是否有一种方法可以更改用作游标的svg图像路径的填充颜色(如：cursor: url(cur/play.svg), auto;)？在悬停元素之前，我不知道它的颜色，所以它必须是CSS或JS解决方案(我不能预先做另一个svg )。
浏览 4提问于2014-05-27得票数 2
回答已采纳
我得到了一个我不能理解的有线错误。 background: url("0804_0537_Runner_sf-24.svg") no-repeat;var animatedicon = "0805_0537_R
浏览 0提问于2019-03-07得票数 1
1回答
我已经挣扎了几个小时来解决这个问题，我正在尝试画椭圆弧来填充用红色圈出的空格，我可以有一些示例代码吗？ ? 编辑： 由于shape是使用JavaScript生成的，因此我将添加从browser生成的SVG元素： <svg width="500" height="500" style="background-color75,300 l 150,0 l -106.0660171
浏览 9提问于2020-09-18得票数 0
回答已采纳
我们在Photoshop中导出了一个.eps文件到SVG通过导出为...生成的SVG代码(在文本编辑器中打开时)为： 我们正在尝试改变svg的颜色，通过 但不走运。我知道当你有一个路径时，你可以通过CSS填充来改变路径，但是我们不知道如何通过PS以正确的格式导出它，或者如何通过CSS设置这个svg >图像输出的样式。 我们还尝试通过以下方式插入svg ?造型也不走运
浏览 87提问于2021-03-02得票数 1
回答已采纳
我使用PhantomJS + d3在服务器上呈现SVG。我能够返回包含d3创建的SVG的整个页面的HTML，但是如果我只返回SVG，我就会返回null。/d3.v3.min.js', function() { var body = d3.select('body');
var svg = body.append(&#
浏览 2提问于2015-08-22得票数 2
回答已采纳
我想利用现有的SVG模式库(例如)，而不必重构它们。但我很难理解如何导入原始SVG字符串。文档展示了如何在画布上放置一些东西，但是在JSFiddle中的一个小时之后，我无法让它加载一个模式。最终答案
复制完整的SVG代码，并将其放在答案中提到的draw.defs().svg(...)行中。将<svg>标记包装在包含属性id、patternUnits
浏览 2提问于2019-01-27得票数 0
回答已采纳
1回答
在中，我想把一个数学方程(用tex2svg工具从Latex生成)放到画布中。<body><script>
// Draw SVG formula of absolute/formula.svg"
浏览 4提问于2016-12-20得票数 1
回答已采纳
在backbone.js中，视图的呈现函数生成未附加的html，稍后可以将其附加到dom。
目前，我必须在HTML中有一个现有的目标，以便向其追加svg。然后使用data/enter模式将元素插入到svg中。有没有办法让d3.js在不附加到dom的情况下生成svg？var svg = d3.select("#target").append('
浏览 1提问于2012-06-14得票数 15
2回答
我有这个svg文件css代码： background-image: url("/assets/circle.svg");} <div id="svg-containe
浏览 0提问于2020-10-15得票数 1
3回答
所以我有了这个SVG，我想选择具有特定属性和特定值的所有路径。具体地说，属性键是"NEN2580“，值可以是很多东西。});$("path[NEN2580='Nuttige ruimte']").css("fill", "rgb(41, 128, 185)");
选择以数字结尾的键是不可能的吗我唯一能想到的就是，但是我在css选择器文档中找不到任何以数字结尾的
浏览 5提问于2015-01-27得票数 0
3回答
我想使用我的emberdata作为在d3中创建对象的数据。我尝试将控制器模型中的项转换为新的javascript对象，并将这个新数组传递给d3数据。以下是代码didInsertElement: function() { var data = this.get('controller').get(
浏览 0提问于2013-04-15得票数 3
回答已采纳
Flex的粉丝，我刚刚发现了apache。我知道FalconJS，我以为这是死亡，但不，在看了珠宝之旅后，我非常兴奋地使用它。感谢所有的贡献者。我打了一些例子，但我不知道如何添加svg图形。我在<j:view>里试过这样的东西但有错误：
Uncaught TypeError: cls isat Function.org.apach
浏览 4提问于2019-09-23得票数 1
回答已采纳
我试图让D3.js使用d3.create()生成矩形元素。它不工作/不显示。首先，我创建了一个矩形()函数，它返回一个元素：
函数矩形(){ _el = d3.create("rect") .attr(“行程”，“黑色”).attr(“填充”，“黑色”).attr(“笔画宽度””，SVG_WIDTH) .attr(“高度”，SVG_HEIGHT) .attr("id"，“生成”) svg.append( /&#
浏览 4提问于2021-01-24得票数 2
我正在尝试编写一个与任何文件系统路径相匹配的正则表达式，但不是任何URL (我假设URL以http开头)。例如，除非前面有http，否则我想匹配文件扩展名为svg的任何路径，以便hei.svg匹配而不是。'(?:(?!http))(\S+\.svg)', 'hey.svg')
'hey.s
浏览 2提问于2020-04-06得票数 0
回答已采纳
1回答
我想使用gulp-svg-sprites来用symbols构建sprite。但是我得到了错误的输出:图标不是生成的(<symbol>中的对象对象)，路径是错误的，似乎有些编译器不工作。gulpfile.js svgSprite = require('gulp-svg-sprites');
gulp.task('
浏览 1提问于2016-11-09得票数 1
我在数据库中有唯一ids的信息。使用svg.js绘图时，我希望将id存储在svg中，然后通过从db中搜索id来找到svg元素。
圈1.myid1(‘id’，'myi
浏览 3提问于2019-01-28得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
