将一个SVG拆分成多个SVG

文章/答案/技术大牛

发布

1回答

javascript、html、css、google-maps、svg

我有一个SVG，我覆盖在一个谷歌地图上。SVG大小为50mb，因此在浏览器中加载需要10秒左右。我正在考虑的事情-在页面加载上按一定的顺序分层SVG，首先是草地，然后是汽车，然后是建筑物(尽管有这么多，我真

浏览 78提问于2020-05-08得票数 1

回答已采纳

1回答

我有一个很大的svg标签，里面有很多svg多边形，线，文本组成了一个2D地图，它需要溢出才能在屏幕上看到它的完整尺寸，就像这样： ? 我需要一种方法来打印它从浏览器时，我点击“打印”或使用"ctrl + p"，但为此，我需要把它分成几个部分，然后放在列布局，这样他们就可以适合A4大小打印整个内容，类似这样： ? 因此，我需要一种方法将这个svg字段分成几个部分，以便适合打印页面。有没有办法做到这一点，使用js，css，任

浏览 83提问于2019-10-08得票数 0

回答已采纳

1回答

从HTML文档显示多个SVG层

javascript、html、css、xml、svg

我有一个SVG文件，包含三个矢量形状：<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/

浏览 5提问于2014-02-20得票数 0

回答已采纳

1回答

snap.svg我可以使用多个变量初始化snap.svg来指向标记中不同的SVG ID吗？

javascript、html、svg、snap.svg

基本上，我想使用snap.svg在我的main.js中构建一个红色和蓝色模板，以便(暂时)拥有同一组形状的不同颜色版本。我的想法是构建一个快照初始化变量"b“，它指向id为# svg -red的svg，然后创建另一个快照初始化变量"r”，它指向#svg-blue id。然后，蓝色和红色变量将有自己单独绘制的圆和属性。这可能会允许我通过在标记中简单地更改svg div的id来在模板之间切换。然而，每当我将Snap命

浏览 3提问于2016-01-27得票数 0

1回答

创建结果树片段变量

c#、.net、xslt、xslt-1.0

我使用一个xsl样式表输出一个包含SVG图表的xsl:fo文档。我很难从输入中提取一个数组，并将其分成几个较小的数组，这些数组存储在变量中，这样SVG模板就可以应用到不同的数组中，生成3个不同的图表。我试图将数组list分成3个独立的变量，可以应用模板将它们转换为SVG图表。众所周知，SVG转换适用于上面的数组，所以我认为问题在于我试图创建变量的方式。的模板希望输入的格式为<list>，其中包含一

浏览 1提问于2015-07-07得票数 0

回答已采纳

2回答

在单独的页面上打印大型SVG图表

printing、svg

我正在尝试从浏览器打印一个大的SVG图表，SVG图表嵌入到HTML中。图表的宽度/高度设置为绝对。打印只打印SVG图表的一部分，但是一页上可以打印很多内容，而其余部分则被剪切掉。有没有办法将图表拆分成单独的页面打印？

浏览 9提问于2011-07-30得票数 1

1回答

click()和dispatchEvent都不会触发reactjs中的自动单击

javascript、reactjs、svg

我有一个包含SVG图像的react组件。我已经将SVG分成了多个react框。我有查询选择器，它选择所有的反应框和JS点击事件，以自动单击该反应。} return ( <div className="col-12"> <svg"10" fillOpacity=".4"

浏览 117提问于2021-04-24得票数 0

回答已采纳

1回答

在Babylon.js中创建力有向图

javascript、babylonjs

我正在尝试在我的Babylon.js项目中创建一个力有向图，我想知道是否有人对我应该如何去做有建议。我需要在3D区域内的平面上添加节点，但节点的y值将保持不变，因此这更像是一个2D问题。我也研究了Springy ()，但由于巴比伦的3D特性，我不确定是否有可能将其实现到Babylon.js中。

浏览 2提问于2016-07-06得票数 0

1回答

d3与svg在处理元素时的比较

javascript、svg、d3.js

在使用和什么时候 .append("svg") .attr("height", h); 在处理(创建、删除) svg标记中的元素时？

浏览 2提问于2015-03-23得票数 1

回答已采纳

1回答

解决Android缺乏SVG首字母支持的Chrome问题

android、css、svg

我创建了一个非常简单的SVG来演示这个问题。在桌面浏览器上，您将看到三个大小的文本，它们是通过first-of-type和first-letter选择器创建的。font-size:50px;text:first-of-type {} font-size:90px;HTML： <svgversion="1.1" baseProfile="full" width="520" height

浏览 2提问于2014-08-31得票数 0

2回答

如何只填写SVG的一部分？

javascript、jquery、reactjs、svg

我希望能够将一个数字/百分比传递给一个填充svg一部分的函数。例如，在一个桶的svg中，如果实际的生活桶是90%的方式，并且它返回10升作为一个整数，我希望我的网站上的桶svg用蓝色填充90%。我相信您可以使用ID将SVG分成几个部分，并根据函数传递的数字填充每个ID，然后使用某种jquery函数编辑每个部分？但是，我觉得只填充SVG的一部分必须是一件更受欢迎的事情，但我

浏览 2提问于2017-07-17得票数 2

回答已采纳

2回答

如何在一个页面上获得所有d3.js图表

javascript、html、d3.js

我有piechart.html和一个barchart.html，我已经把它们包含在另一个html.Both图表中，它们彼此重叠。我在饼图和条形图中都使用过piechart.html。My pie code:var svg = d3.select("body").append("svg").attr("height.attr("transform", "t

浏览 0提问于2015-01-08得票数 0

1回答

多个svg文件覆盖

svgpanzoom

我使用JavaScript库非常感谢你的帮助克里斯托弗

浏览 11提问于2017-07-13得票数 0

3回答

使用css/javascript进行图像掩蔽

html、css

有没有可能将一个div转换成这个，然后用图像填充它？或者更好地将图像转换为该形状？都使用CSS或Javascript。然后在此中排列多个我打算根据第二张图片将形状分成几个环。在webkit中，这个css属性：-webkit-mask-box-image工作得很好(我也可以使用.png图像作为遮罩)，但当我尝试屏蔽火狐(使用Illustrator生成的.svg文件)时，它似乎不起作用使用-webkit- .svg -box-image css属性可以在Chrome中使用

浏览 2提问于2012-09-26得票数 0

回答已采纳

1回答

乱七八糟的SVG行？

svg

DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svgwidth="100%" height="100%" version="1.

浏览 1提问于2010-05-26得票数 1

回答已采纳

4回答

SVG动画在IE11上不起作用

css、animation、svg、internet-explorer-11

我有一个非常简单的加载动画，可以在火狐和Chrome上完美地工作，但在IE11中它不能显示SVG图形。下面是完整的示例：<svg class="circular-loader" viewBox="25 25 50 50"> <circle class="loader-path" cx="50" cy="50" r="20" fill="none" st

浏览 0提问于2015-11-20得票数 30

1回答

svg路径上的样本点

python、svg、vector-graphics

给定一个SVG (其中包含一个path对象)，我希望将路径划分为n个等长段。返回的值应该是栅格化svg中(n+1)点(x，y)坐标的列表，指示每个段的末端。我看了一下，但遗憾的是，我无法很好地理解代码，无法自己实现它在我的路径中添加一个stroke-dasharray。stroke-dasharray将自动将连续行程“分解”成大小相等的段。然后对这个修改后的SVG进行栅格化，然后使用类似于OpenCV的方法对呈现的笔画进行聚类。然后找出这些星系团

浏览 2提问于2021-03-21得票数 1

1回答

将svg元素应用于多个svg

javascript、jquery、html、svg

使用JavaScript，我希望创建一个svg循环元素，然后将该元素应用到多个svg，或者将一个svg应用到多个div。我知道如何在一个svg中多次使用svg循环元素--对于多个svg，有类似的方法吗？va

浏览 6提问于2014-03-14得票数 0

回答已采纳

1回答

基于SVG的关键帧仿真技术

animation、graphics、svg、simulation

我想用SVG创建一个关键帧仿真，其思想是动画/仿真中的对象在特定时间有特定位置(或行长)。例如，我可能把1分钟的模拟分成601秒的间隔。我想做三件事：(c)能够从给定的帧向前或后退一步例如，假设我有两个圆圈在移动。每次T(从1到60)，每个圆圈都有一个位置、半径和可见性(它可能在一个或多个帧中不可见)

浏览 2提问于2014-01-07得票数 2

回答已采纳

点击加载更多