swiper.js SVG堆叠在一起

文章/答案/技术大牛

发布

1回答

javascript、html、css、svg、swiper

我是Swiper.js的新手，我有一个全屏swiper，用于英雄部分，作为背景滑块。在这个hero部分的中间，我有另一个swiper，它需要显示一些带文本的SVG。英雄游泳者不是问题所在。问题是这个SVG swiper将SVG堆叠在一起，弄得一团糟。下面是SVG swiper的启动方式：这是最后一张幻灯片放映时的样子：然后它会清理，并再次开始将SVG堆叠在一起的过程。/images&#x

浏览 34提问于2020-05-31得票数 2

回答已采纳

2回答

将大量SVG图像堆叠为图层问题

python、svg

因此，我想在Python中将很多svg图像堆叠在一起。我是用这个来做的：second_svg = st.fromfile('secondLayer.svg')template.save('merged.svg

浏览 0提问于2018-06-02得票数 0

回答已采纳

2回答

如何将使用javascript从for循环生成的svg堆叠在一起？

javascript、for-loop、d3.js、svg

这就是到目前为止我所知道的，问题是每次生成svg时，它们不是堆叠在一起形成动画的错觉，而是堆叠在一起或下面，有人知道如何解决这个问题吗？另外，有人知道我如何让圆从容器的底部而不是顶部出现吗？src="https://d3js.org/d3.v4.min.js"></script> </style> <body&

浏览 0提问于2017-06-20得票数 1

2回答

多个背景图像，不是全部居中

css、background-image、z-index

我可以指定多个堆叠在一起的背景图像，如下所示： background-image: url("img1.svg"), url("img2.svg");这会导致img2堆叠在img1

浏览 1提问于2013-06-02得票数 0

回答已采纳

1回答

堆叠SVG和动画

javascript、svg、jquery-svg、svg-animate

我仍然在学习很多编码，但是我对SVG堆栈等感到困惑。我正在尝试创建一个计算机的图形，与它的所有部件，可以动画显示部件分开。现在，是创建一个包含所有所需图层的SVG文件并分别为这些图层制作动画，还是使用已分离的文件并将它们放在彼此的顶部会更容易？我目前将它们放在不同的文件中，每次我查看如何将它们堆叠在同一位置时，我都会得到关于如何将它们堆叠在一个文件中并将它们分散到站点上不同位置的教程，这与我想要做的完全相反。我真的没有任何代码可以显示，因为我不确定如果我想要它们堆叠在一起，我应该如何将

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

1回答

对随机生成的SVG进行降序排序

javascript、for-loop、svg、random

目前我的javascript是这样的： var svgns = "http://www.w3.org/2000/svg"; var(null, 'stroke', 'black');} 我的HTML是这样的： <svgid="svgSq

浏览 10提问于2020-01-18得票数 0

回答已采纳

1回答

创建镜像云

javascript、jquery

我想创建一个图像云，其中图像彼此堆叠在一起，并根据图像被查看的次数调整大小。云可能也会占用预定义的空间。可以使用javascript吗?还是需要使用SVG/Canvas?？

浏览 0提问于2012-11-25得票数 0

回答已采纳

1回答

在一个低质量的SVG掩模显示锯齿状边缘，有任何方法来修复使用抗混叠？

jquery、html、css、svg、gsap

我制作了一个SVG面具动画。我遇到的问题是SVG的边缘是“锯齿状的”，当动画出现时，我可以看到蒙版周围有一个轻微的黑色边缘。)它很小。我看过质量更好的GIF动画。使用SVG，我认为它会更干净)。

浏览 0提问于2016-04-18得票数 3

回答已采纳

2回答

它们目前都堆叠在一起

javascript、svg

我正在尝试为我的svg图表创建g元素，但是它们都堆叠在一起，尽管我试图在它们上面设置一个变换距离。 tick.setAttributeNS(svg, "transform", "translatedocument.createElementNS(svg

浏览 17提问于2019-11-05得票数 1

1回答

将DIVs和SVG的图层展平到单个图像中

javascript、html、canvas、svg、coldfusion

球本身只是堆叠在一起的多层div，它们的背景图像更改为预定义的颜色。当他们想要更改球的文本时，SVG就会出现(我使用SVG是因为文本需要弯曲)。我的其他选择是什么？后台是ColdFusion。

浏览 0提问于2013-10-02得票数 1

2回答

有没有任何方法来渲染svg而不是矩形？

javascript、reactjs、svg

例如，在上面的示例中，整个蓝色部分是可点击的，女巫使另一部分svg无法访问。import SVG from 'react-inlinesvg'; key={object.id} padding: 0, > <SVG

浏览 3提问于2020-11-26得票数 0

回答已采纳

2回答

具有固定宽度和自动高度的SVG文本的叠加实例

javascript、html、css、svg、text

理想情况下，我可以将多个单词堆叠在一起，以实现与下面类似的视觉效果。对于SVG文本来说，这是可能的吗？它能通过纯CSS来完成吗？

浏览 10提问于2022-08-16得票数 1

1回答

尝试以Angular格式显示后端发送的SVG

html、angular、xml、svg

我正在尝试显示我从API收到的SVG图像，它是一个包含各种数据的巨大数组，其中之一是SVG属性。"svg": "<?-- Generator: Adobe Illustrator 23.0.0, SVG Export Plug-In .SVG Version: 6.00 Build 0) -->\n<svg version=\"1.1\" id=\"Layer_1\"

浏览 2提问于2021-05-29得票数 0

2回答

Swiper.js导航按钮在生产模式下消失

next.js、swiper.js

Swiper.js导航按钮消失在生产模式中 use: { options: {

浏览 3提问于2021-02-28得票数 2

回答已采纳

2回答

为svg背景图标添加颜色

css

嗨，有没有办法像这样改变背景的svg图像的颜色？ .icon { } <i class="icon"></i> 例如，我需要它的图标填充蓝色

浏览 71提问于2021-09-13得票数 0

1回答

IE没有显示填充颜色

internet-explorer、svg、swiper.js

我使用swiper.js作为一个简单的滑块图片库。它使用svg作为下一个箭头和前面的箭头，我必须更改填充颜色来匹配我使用它的站点。有人知道IE对SVG的支持，以及如何解决这个问题吗？这是密码。swiper-button-prev, background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http:&#

浏览 6提问于2015-03-19得票数 2

回答已采纳

2回答

react-native-vector-icons插件上的IcoMoon彩色图标无法正常工作

react-native、react-native-vector-icons

我已经从Icomoon工具创建了一个字体包，以便能够在我的react原生应用程序上使用它。黑白图标似乎可以正常加载，但彩色图标在应用程序中会被破坏，并被强制为黑白图标。我正在执行以下操作来添加它，(我还在XCode inside Resources文件夹中手动添加了它，它是链接到那里的所有内容)import icomoonConfig from './../selection.json'; const Icomoon =

浏览 0提问于2019-01-19得票数 2

2回答

svg元件水平有序装箱

javascript、d3.js、svg、bin-packing

试图找出垃圾箱包装/分发一组已知宽度svg图像的最佳方法，在水平行中，如果容器的宽度太紧，可以将它们堆叠在一起。太紧了，堆叠一些元素更紧，堆栈全部

浏览 8提问于2016-08-31得票数 18

回答已采纳

2回答

使用Raphael创建自定义角指令的问题

angularjs、raphael、angularjs-directive

但是，我似乎很难让SVG正确地显示(它似乎是堆叠在一起的(位置:绝对值；顶部: 0)。但是，当我为每个指令创建Raphael对象时，我在模板中使用了div，但是SVG似乎没有嵌入到div中。

浏览 2提问于2013-11-27得票数 3

回答已采纳

1回答

svg作为对象加载

object、svg、draw

您好，我是js的新手，我不太了解svg是如何工作的。blue circle svggreen circle svg 我看到对象上的蓝色圆圈和对象旁边的绿色圆圈(就像是被对象推动的一样)。<svg width="500" height="50

浏览 13提问于2017-02-16得票数 0

点击加载更多