我有一个小问题的样式SVG和图像里面。在SVG中，我有两个过滤器。第一个效果(#innershadow)是整个SVG对象，第二个我想只应用于里面的图像，因为波(#湍流)效果破坏了整个svg对象。我想要达到的效果是清晰的边缘，在SVG内部有阴影，里面有模糊的图像。(SVG和#湍流效果是动画)可以吗？ .svg {
filter:
浏览 21提问于2020-01-28得票数 1
回答已采纳
我有一些按钮，里面有一个图像元素，我正在使用CSS过滤器进行反转，但当我这样做时，它也会更改img元素的背景，因为边框是正方形的，它不适合图像的边缘。有没有办法解决这个问题，要么改变元素以适合图像，要么只用CSS滤镜改变某些颜色？任何帮助都将不胜感激。 之前：Before 之后：After 如果可能的话，我们想要的结果是去掉那奇怪的棕色。/res/Word.svg" alt=""></button&
浏览 17提问于2020-11-07得票数 1
1回答
我正在尝试将图像从50%的灰度滤镜转换为悬停时的无滤镜状态。 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'>
浏览 0提问于2012-12-07得票数 5
回答已采纳
1回答
我在我的网站上放了一个svg文件，如下所示：我想在路径上而不是整个对象上添加一个所以当我将鼠标移到透明区域时，事件不会被触发。
我已经尝试将事件从"mysvg"
浏览 0提问于2018-04-26得票数 0
1回答
和一个html页面，我们希望将图形放置在其中，以最简约的方式使用几乎不可能的代码.
<?include("logo.svg")?>
添加到</
浏览 0提问于2017-06-13得票数 1
回答已采纳
2回答
将SVG保存为PNG时，保存的图像仅包含在viewbox/window中渲染的SVG。如何保存包含整个SVG的大型PNG？// SVG element and XML string.var svgData = new XMLSerializer().
浏览 0提问于2016-06-15得票数 1
2回答
是否有任何选项来动画CSS框阴影效果上的SVG元素？我有这样的标记： <circle r="95.12" fill="rgb(50,149, 196)" class="some_class" id="svg_el_obj921" priority=&q
浏览 1提问于2013-08-13得票数 2
就像CSS样式如fill、笔画是通过CSS设置的一样，是否有一种方法可以单独使用CSS将图像(背景图像)设置为SVG元素？一些现有的解决方案在<image>元素中有<svg>标记，但我不想使用它，因为我使用的是生成SVG的第三方库，因此CSS似乎是一个很好的选择。更新:我想将一个background添加到一个特定的svg元素中，而不
浏览 0提问于2018-11-20得票数 0
回答已采纳
我想要模糊图像的边角，同时保留清晰的中心。使用css backdrop-blur()是不可能的，因为Firefox不支持它。在模糊的图像上添加一个清晰的图像，然后遮蔽第一个图像也是不可行的，因为最后我想用一个three.js场景来改变静态图像。我试图跟随this tutorial，但使用的是径向渐变，而不是固定的条形图。 <svg xmlns="http://w
浏览 17提问于2021-11-14得票数 2
回答已采纳
1回答
我正在使用d3.xml动态加载svg映像。然后，我想使用d3.behavior.zoom()将缩放功能附加到这个svg上。有人能解释一下如何将d3.behavior.zoom()与加载的svg链接起来吗？我在网上找不到任何东西。见下面的现行代码：<script src="http://d3js.org/d3.v3.js"></script>
d3.xml("map.svg</e
浏览 1提问于2016-11-01得票数 1
回答已采纳
2回答
我已经做了一些关于使用svg图像的研究，并发现了相当多的好读物。虽然我还没有很好地掌握svg，但我仍然在使用它并进行实验。我在这方面找到的大部分信息都适用于基本形状，还有一些是关于图像或图标字体的。如果我有一个svg文件格式的自定义徽标文字标记，并且我将它包含在我的css中，如下所示：
.logo { width: 230px; height: 230px; margin: 0 auto; background/imgs&#
浏览 14提问于2014-08-27得票数 1
2回答
我有一个SVG勾号图标，上面有一个正在被裁剪的下拉阴影。我在这里看到的常见的滤镜偏移量方法并没有帮助。有什么建议吗？<svg version="1.2" baseProfile="tiny" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http0,25.69
浏览 0提问于2013-07-14得票数 3
回答已采纳
1回答
我想为SVG元素实现SVG剪辑路径。我有一个DIV元素，其中我想把SVG元素作为一个剪辑掩码，而且我还有一个单独的SVG元素，它有一个应用剪切掩码的图像。我面临的第一个问题是剪辑掩码移动到视图端口的左上角，而不是位于父DIV元素的内部。
你有什
浏览 2提问于2018-05-19得票数 1
回答已采纳
这是一个SVG。如果将它直接添加到HTML页面中，它将很好地呈现出来。请注意，文件夹的右侧有一个微妙的阴影，它是用黑白棋盘模式完成的。 xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"height=
浏览 2提问于2020-09-11得票数 1
回答已采纳
我正在尝试上传Codeigniter中svg类型的文件。但是我不能用内建上传库的codeigniters做到这一点。我已经尝试通过在congig > mimes.php文件中添加以下行来完成此操作'svg' => 'image/svg+xml',
但仍然没有解决方案以下是我
浏览 3提问于2013-03-21得票数 1
回答已采纳
SVG图像不是位图，所以(除非我遗漏了什么)你不能像在网页上使用的其他图像文件那样做spriting (参见)。div.my-special-svg-div {
background-image: url(sprite-image.svg#one-shape-in-t
浏览 0提问于2010-10-28得票数 9
回答已采纳
我试图在容器中使用svg图像作为背景，我使用这个包"flutter_svg“，我找不到提供者方法来设置它。color: currentColor.medium, image: DecorationImage(
image: SvgPicture.asset('assets/images/home.png&#
浏览 6提问于2019-12-06得票数 11
5回答
我有一个图像(508x564)，我希望它完全适合它的父容器。即使使用width: 100%或max-width: 100%，这也是图像延伸到的最大值。HTML： <div class="imageContainer">
<img class="image" src="path/to/image">&
浏览 7提问于2017-02-04得票数 2
1回答
我有一个带有内联样式表的外部SVG文件，如下所示：<svg xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/<e
浏览 0提问于2017-12-24得票数 1
回答已采纳
1回答
我试图将图像添加到图表中-例如旋转的条形图。目的是在视觉上为该系列设定一个目标，就像一面旗帜。在创建图表之后，我可以将图像添加为SVG元素：var svg = d3.select($('#foo svg')[0]);
var imgs = svg.selectAll(&
浏览 1提问于2016-09-29得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
云直播
对象存储
实时音视频活动推荐
腾讯云开发者
