如何让过滤器在嵌套的SVG上工作？
过滤器在嵌套的SVG上工作的方法是通过在父级SVG元素上应用滤镜效果，并将其传递给子级SVG元素。以下是详细步骤：
- 创建一个父级SVG元素，并在其中定义一个滤镜效果。可以使用<filter>元素来定义滤镜效果，例如高斯模糊、颜色矩阵等。
- 在父级SVG元素中，将滤镜效果应用于需要过滤的子级SVG元素。可以使用<use>元素来引用定义的滤镜效果，并将其应用于子级SVG元素。
- 确保子级SVG元素的位置和大小与父级SVG元素相匹配，以便滤镜效果能够正确应用。
- 在子级SVG元素中，可以继续嵌套其他SVG元素，并重复上述步骤，以实现多层嵌套的滤镜效果。
过滤器在嵌套的SVG上的应用场景包括但不限于以下几个方面：
- 图像处理：通过应用滤镜效果，可以实现图像的模糊、锐化、颜色调整等效果，用于美化图像或实现特殊效果。
- 动画效果：通过在嵌套的SVG元素上应用滤镜效果，可以实现动画效果，如渐变、闪烁等，增强用户体验。
- 数据可视化：通过将滤镜效果应用于数据可视化图表中的SVG元素，可以突出显示特定数据或实现数据的可视化效果。
腾讯云提供了一系列与SVG相关的产品和服务，包括图像处理、动画制作、数据可视化等。具体推荐的产品和产品介绍链接地址如下：
- 腾讯云图像处理（https://cloud.tencent.com/product/imgpro）：提供了丰富的图像处理功能，包括滤镜效果、图像变换、图像合成等，可用于处理SVG图像。
- 腾讯云动画制作（https://cloud.tencent.com/product/animation）：提供了动画制作工具和服务，可用于创建嵌套的SVG动画效果。
- 腾讯云数据可视化（https://cloud.tencent.com/product/datavisualization）：提供了数据可视化工具和服务，可用于将滤镜效果应用于SVG图表中，实现数据的可视化效果。
通过使用腾讯云的相关产品和服务，开发人员可以方便地实现过滤器在嵌套的SVG上的工作，并获得更好的开发体验和效果。
相关·内容
当我将SVG嵌入到铬中的SVG中时，会出现一些问题。其中一个问题是我不能在子SVG上应用“过滤器:阴影”，尽管这在Firefox上很好。当我将它应用到父SVG上时，它会在chrome上工作。
在SVG中嵌入SVG是一个坏习惯，还是我的代码有问题？
body {
background: linear-gradient(
rgb(155, 246, 255, 0.7),
rgba(189, 178, 255, 0.9)
);
background-attachment: fixed;
}
.test1:hover {
cursor: pointer;
fi
浏览 0提问于2020-12-31得票数 0
回答已采纳
问题：
在Safari中，两个滤镜都会显示出来-但都是矩形的全宽/全高，所以只有最上面的一个是可见的。
我如何让它在不同的浏览器上一致地工作？
bug的演示：。在Chrome或Firefox中打开以查看其外观。谢谢!
html：
<svg class='a'>
<defs>
<filter id='hey'>
<feColorMatrix
type='matrix'
result='darken'
values=
浏览 23提问于2018-06-07得票数 0
回答已采纳
因此，我一直在研究SVG过滤器，我想将它们应用于HTML内容。
-适用于火狐，而不是chrome。 -我的例子，适用于FF，而不是Chrome。
在web上，我看到一些东西提到了用于定义基于svg的过滤器的url()语法，而custom()则指的是css着色器。
但是，我既不能使用filter:属性，也不能使用-webkit-filter:属性来使过滤器工作。
有什么办法让它们工作吗? Chrome中的about:flags没有任何选项，所以我想知道它们是否还没有实现，或者我做错了什么。
浏览 0提问于2012-06-28得票数 3
回答已采纳
3回答
我一直在网站上玩SVG，我一直在努力让filter工作，但我似乎搞错了。
问题是，一旦我应用了定义的svg，filter就完全消失了。我尝试将filter内联应用，只是想看看它是否有效，如下所示：
<symbol id="circle" viewBox="0 0 400 209.603" filter="url('#blur-filter')">
...
</symbol>
但没有成功。
最终，我的目标是能够通过CSS应用filter，但我似乎无法让它起作用，这是我第一次真正地使用SVG，所以我不知道我是否
浏览 5提问于2016-02-16得票数 11
回答已采纳
我正在使用一个蒙版从我的SVG形状中切出一个圆圈。我想要一个带有羽毛边缘的聚光灯效果，所以我在Firefox和Chrome中使用高斯模糊滤镜来实现这一点，但由于某些原因，我无法让Safari渲染滤镜。这可能与它是遮罩定义中的形状有关吗？我读到过Webkit通常需要设置一个标志来启用SVG过滤器。会是这样吗？
下面是过滤器的定义：
<defs>
<filter id="blur_alpha" x="-1" y="-1" width="100" height="100" filterUnits
浏览 0提问于2011-08-30得票数 1
回答已采纳
我测试了一些feDisplacementMap svg过滤器。它们在macbook上的Safari上显示得很好。但是我的iphone手机上的safari没有显示它们。 这是一个例子。 <svg id="svgeffects">
<defs>
<filter class="safari_only" id="liquify">
<feTurbulence baseFrequency="0.015" numOctaves="3" result=
浏览 39提问于2019-01-15得票数 0
这个简单的动画工作在FireFox，但不是在Chrome。
我想他已经遵守了所有的规则，但有些事让我逃脱了。
你认为Chrome的代码有什么问题吗？
谢谢
<?xml version='1.0' encoding='UTF-8'?>
<svg version='1.1' id='project' xmlns:svg='http://www.w3.org/2000/svg'
xmlns='http://www.w3.org/20
浏览 2提问于2017-09-14得票数 1
回答已采纳
1回答
在IE 11中有没有办法让彩色图像变成灰色？在9-10中，它使用svg过滤器工作，但在11中不起作用。
下面是我的代码
img {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333
浏览 1提问于2018-05-29得票数 0
我想构建一个基于两个脚本过滤器的查询，但我似乎无法让它工作起来。我尝试过使用嵌套(遵循文档中的示例)，但始终得到一个语法错误：
QueryParsingException[[my_index] [_na] filter malformed, no field after start_object
查询是：
{
"query": {
"filtered": {
"query":{
"query_string": {
浏览 5提问于2013-11-18得票数 0
回答已采纳
2回答
在本地开发运行Node服务器时，我的SVG过滤器可以工作。然而，当我构建它并在服务器上运行它时，它不会。
VueJS项目使用的是Webpack。
我这样构建这个应用程序：
npm run build
我像这样声明了过滤器：
filter: url(#white-glow);
当我构建应用程序时，CSS位于一个子文件夹(/static/css)中，因此我怀疑它无法再找到过滤器。当我在我的检查器中检查HTML源代码时，SVG过滤器就在那里。
当我将该过滤器作为HTML中的样式属性应用时，它可以正常工作。
<button style="filter:url(#white-g
浏览 2提问于2018-11-09得票数 0
1回答
基于此：https://dev.to/gavinsykes/appending-a-child-to-an-svg-using-pure-javascript-1h9g 我试图在SVG的defs部分中附加一个过滤器...但它并没有起作用。当我尝试时，它给了我一个错误: SVG的id是Oo_banner.defs.appendChild(filter) Oo_banner。 所以我继续思考，我可以在SVG的末尾定义我的模糊滤镜，但即使这样也行不通，因为它把feGaussianBlur放在滤镜标签后面。不管怎样，下面是我的代码： <svg id="Oo_banner"
浏览 28提问于2021-06-26得票数 0
回答已采纳
我想要在不同的浏览器上模糊一些图像。我发现的最好的方法是使用SVG。我在一个页面上有多个这样的SVG。
我如何处理id，因为id在页面上应该是唯一的。
<svg>
<filter id="blur"><feGaussianBlur in="SourceGraphic" stdDeviation="9" /></filter>
<image xlink:href="/img.jpg" width="100%" height="100%" prese
浏览 182提问于2017-08-29得票数 4
3回答
有没有办法在没有JavaScript或SVG的情况下让灰度图像过滤器在IE10上工作？
我已经在除IE10之外的所有浏览器中成功地使用了以下代码。
img{
filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.
浏览 0提问于2013-05-07得票数 24
回答已采纳
我的映射包含一个嵌套字段，如下所示：
"Locations": {
"type": "nested",
"properties": {
"Name": {
"type": "string"
},
"GeoPoint": {
"type": "geo_point"
}
}
}
所以基本上我要做的就是在文档的每个位置存储一些额外的属性。
不幸的是，这看起来不适用于
GET
浏览 0提问于2014-07-15得票数 1
因此，在当前版本的火狐中似乎存在。
然而，文档提出了一个使用filter: url('something')的解决方案。问题是，文档在这个主题上是相当松散的，它听起来像是一个非常疯狂的魔术。
他们用这个XML/SVG解释：
<svg height="0" xmlns="http://www.w3.org/2000/svg">
<filter id="svgBlur" x="-5%" y="-5%" width="110%" height="110%
浏览 1提问于2014-05-25得票数 0
回答已采纳
我用这些滤镜来降低图像的饱和度：
img {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1
浏览 0提问于2012-12-14得票数 9
回答已采纳
2回答
我目前正在做一些新的工作，我已经被介绍到SVG对象的世界。他们很好。不管怎样，我已经建了一个按钮，我在上面放了一个过滤器。与我一起工作的设计人员希望过滤器(一个下降的阴影)在悬停时从不透明度1转到0，然后返回到1关闭悬停。
我尝试过在过滤器上进行正常的转换，我可以让过滤器消失，但是过渡还很不顺利。
这是我的密码：
html
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xli
浏览 2提问于2016-02-08得票数 0
回答已采纳
我有下面的代码，它可以工作，但我讨厌它:)，我想让一些更干净的东西。
我的想法是：-我向窗口对象添加了一个调整大小的事件处理程序；-我使用setTimeout让代码等待用户完成调整大小时，当.doneResizing函数启动并调用一个方法-确切地说是Canvas.resize()方法.
我觉得我做错了的地方是：，我需要捕获“画布”元素的原始宽度和高度，以及调整大小后的“宽度”和“高度”。
现在我正在使用全局变量(在另一个范围内是全局的，不重要)，您知道如何更好地做到这一点吗？
function doneResizing() {
if (Canvas.isInitialized()) {
浏览 3提问于2014-09-22得票数 1
回答已采纳
1回答
编辑：尝试创建一个，我无法重现这个问题。现在我完全困惑了。在代码框上工作，不是在我的项目中。
初始问题
我希望创建一个动态内联SVG元素，并将其旋转映射到[(ngModel)]。没什么花哨的。
令人费解的是，我想使用带有<filter>的<feDropShadow>。我希望阴影是动态的(无论针的旋转，总是指向点)。这是我在使用Vue之前做过的事。
这里有一个小提琴演示了这种效果：
但是，在我的生活中，当<feDropShadow>在模板中内联时，我无法让<svg>以角的形式工作。它就是不显示。没有错误或警告。如果我以<img src=&#
浏览 6提问于2020-09-29得票数 3
回答已采纳
1回答
所以我已经试着解决这个问题两个小时了，我试着搜索了很多，但是什么也没找到，如果有人帮我，我会很感激的。我遇到了一个问题，我给div的背景设置了一个过滤器，为我提供的css文件有：
#carousel {
width: 1366px;
height: 512px;
}
#carousel-next>div {
position: absolute;
right: 208px;
z-index: 1;
width: 208px;
height: 80px;
border-radius: 5px 0 0 5px;
filter: brightness(12
浏览 0提问于2016-05-19得票数 0
回答已采纳
5回答
我想倒置和重新反演页面(div)的背景图像，点击特定的元素。现在我有了剧本：
$(function(){
$(".invert").click(function(){
$(".pattern").css({
"-webkit-filter": "invert(100%)",
"-moz-filter": "invert(100%)",
"-o-filter": "invert(100%)",
"-ms-filter
浏览 1提问于2013-11-26得票数 0
回答已采纳
灰度在除ie10和ie11之外的所有浏览器上都工作得很好。我甚至尝试过。它可以很好地处理嵌入在HTML代码中的图像，但不能用作CSS中声明的背景图像。
我甚至尝试过：
img.grayscale:hover {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\
浏览 0提问于2014-04-17得票数 0
2回答
使用svg瓜西模糊滤波器进行跨浏览器图像模糊处理。总的来说，它的工作非常好，除了Safari的情况。
在桌面Safari中，图像是模糊的，但它也是亮的。这在任何其他浏览器中都不会发生(在火狐浏览器、Chrome浏览器、IE9-11浏览器和iOS 7中的移动Safari浏览器中进行了真正的测试)。
下面是一个演示svg实时过滤器和Safari正在看到的链接屏幕截图，
这里还有正在使用的svg代码：
<svg class="sg-blur-2">
<defs>
<filter id="sg-blur-2">
浏览 14提问于2014-06-18得票数 4
回答已采纳
我想要一块黑色的文本在黑色的背景上有一个白色的辉光在它外面。尽管CSS (如filter: drop-shadow(2px 2px 2px black))中的应该正式支持'spread-radius‘第四个属性，但对该属性的支持基本上是不存在的。如果没有这个额外的展开，投影阴影将不足以让文本被阅读。
因此，我决定在SVG标记中定义自己的过滤器，包括一个扩展操作来实现额外的跨页，并将其应用于文本。这个过滤器在Chrome中运行良好，但会导致文本在Firefox中完全看不见(两者都是在Ubuntu 14.04下测试的)。根据的说法(我发现，通常非常可靠)，火狐应该可以很好地支持过滤器。
带
浏览 64提问于2015-11-13得票数 7
回答已采纳
我有一个黑白图像，我正在尝试用SVG滤镜重新着色。Safari的颜色看起来比Chrome要暗得多，有没有办法让Safari看起来更像chrome呢？ CSS代码如下所示 .container-teamMembers a.six img {
-webkit-filter: url(#duotone_bright_green);
-moz-filter: url(#duotone_bright_green);
-o-filter: url(#duotone_bright_green);
-ms-filter: url(#duotone_bright_green);
浏览 21提问于2019-05-08得票数 0
2回答
我有一个网站上有一堆png图标，它们都是黑白图像--白色背景上的黑色徽标。
目前，我们有一个悬停效应，隐藏了第一个png，并在后面显示了一个倒置的png，目前我们正在导出2个图像: 1)白色背景上的黑色徽标，2)背景上的白色徽标来自photoshop。
这让我想到，是否有可能用JS或甚至新时代的CSS来倒置png文件？
(我的意思是将图像中的黑色换成白色，反之亦然。)
不幸的是，这些是第三方的图片，我有一个.png文件，如果我有他们作为.svg，我知道我可以倒置.svg‘在飞行’。
浏览 3提问于2016-07-08得票数 1
回答已采纳
我看到了在自定义元素(如)中使用SVG元素的例子，但到目前为止，我还没有弄清楚如何定义一个定制元素来进入SVG元素。
我尝试了以下方法，虽然模板内容确实出现在web检查器中，但圆圈并没有出现在视觉上。
<polymer-element name=my-element noscript>
<template>
<circle cx=10 cy=10 r=5 />
</template>
</polymer-element>
<svg>
<my-element />
</svg>
浏览 3提问于2014-03-14得票数 9
回答已采纳
到目前为止，我一直跟踪，以便让本地java脚本使用elasticsearch。使用doc().field("fieldname")访问正常的非嵌套字段工作得很好。
对于嵌套字段也是这样吗？我如何循环它们并访问嵌套字段？
编辑：在阅读了imotov下面的答案后，最后使用include_in_root或include_in_parent在根文档中包含了嵌套字段(参见)。
GeoPoint[] locations = ((GeoPointDocFieldData)doc().field("places.location")).getValues();
for (Ge
浏览 1提问于2013-04-03得票数 3
回答已采纳
2回答
我在FireFox上的SVG有一个问题：
例如：
这个SVG可以在Chrome上运行，但不能在FF(v24.0)上运行，为什么？
我需要知道如何合并2个跨浏览器解决方案的图像。
谢谢。
浏览 2提问于2013-09-21得票数 0
1回答
404在现有文件上
、、、
最近，我试图在我的客户的主机上运行一个完整的网站。在我的主机wedos.net上，一切都运行正常，在我的本地主机上运行时也是如此。但是在这个特殊的托管(Forpsi.com)上，很多东西表现得很奇怪。我发现最烦人的事情是，服务器对存在的文件返回404错误-但只针对*.svg，*.otf，*.woff文件等。
*.php，*.html，*.css，...其中每一个都能正常工作。不确定问题出在哪里。
根据这个问题，我的字体不能加载，我的svg文件也不能加载。
有什么想法吗？
浏览 1提问于2016-01-15得票数 2
2回答
跨浏览器图像CSS过滤器
、、、、
我对FireFox中的图像过滤器有问题。我有这样的代码：
-webkit-filter: grayscale(0.5) sepia(0.3);
它可以在Chrome和Opera中使用
我认为它可以在FF和其他流行的浏览器中工作。
我发现了这个：
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\'
浏览 7提问于2014-01-08得票数 0
回答已采纳
1回答
我使用一些SVG作为伪内容的背景图像，如下所示：
a:after {
content: url('../images/icon_candidate_grey.png');
content: url('../images/svg/person.svg');
width: 100px;
left: 50%;
margin-left: -50px;
background: transparent;
}
我想在那些将识别它的浏览器中向SVG应用一个下拉阴影过滤器。到目前为止我还在这么做：
a:hover:after {
浏览 3提问于2014-03-17得票数 2
回答已采纳
如何使图像变成黑色/白色，然后在Safari和所有浏览器中进行悬停着色？
img.grayscale {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.
浏览 1提问于2013-05-02得票数 3
1回答
我一直在遵循这个Q&A来设置我的图像的灰度和透明度，并将它们设置为正常:hover，
它在safari/chrome上工作得很好，但由于某些原因，它不能在火狐上工作。图像是不可见的，但:hover可以正常工作(图像正常显示)
我已经用更新了我的.htaccess，并联系了GoDaddy支持，他们在测试后告诉我.svg MIME类型已在服务器上注册并正常工作。我离线时也有这个问题，所以我猜这是我的.css的.svg出了问题，但我不知道是什么问题，因为我尝试了不同的解决方案，结果是一样的。
我的filter.svg
<?xml version="1.0" encodi
浏览 0提问于2012-07-11得票数 0
回答已采纳
我目前正在模糊图像，并使用这些作为背景时，一个图像被包含。我使用下面的svg过滤器，并使用feGaussianBlur和feColorMatrix分两个步骤展开过滤器。这在Chrome中呈现得很完美，但在Safari和移动浏览器中，我看到了奇怪的手工艺品。
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<filter
id="blurry"
width="150%"
height="150%"
浏览 1提问于2020-01-15得票数 0
1回答
为什么放置阴影过滤器在中不工作？
、、、、
我在IE和其他浏览器上使用这个代码，但是它不能在IE中工作。
HTML部件
<svg height="0" width="0" xmlns="http://www.w3.org/2000/svg">
<filter id="drop-shadow">
<feGaussianBlur in="SourceAlpha" stdDeviation="2.2"/>
<feOffset dx="12" dy=&#
浏览 3提问于2017-12-08得票数 0
1回答
在我的资产目录中有一个名为gray.svg的文件
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="0" height="0">
<filter id="grayscale">
<feColorMatrix type="matrix" values="0.3333 0
浏览 1提问于2015-06-13得票数 11
回答已采纳
我很难将背景过滤器应用到嵌套的重要术语聚合中，bg_count总是0。
我正在索引具有I和时间戳的文章视图，并且在一个索引上有多个应用程序。我希望前景和背景设置与相同的应用程序相关联，因此我尝试在boo查询和后台过滤器中在app_id字段上应用一个术语过滤器。article_views是一个嵌套对象，因为我也希望能够使用timestamp上的范围筛选器来查询视图，但我还没有做到这一点。
映射：
{
"article_views": {
"type": "nested",
"propertie
浏览 1提问于2016-12-18得票数 4
回答已采纳
1回答
我已经阅读了一段时间的灰度图像支持。我找到了在我的template.css中使用CSS代码的解决方案：
.partner {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0
浏览 2提问于2014-12-10得票数 0
回答已采纳
1回答
我们有一个客户谁创造了一个动画图形(使用人工智能和后效果)。
这张图实质上是3个重叠的甜甜圈(由于“明显的原因”，现在不能发布)
每个甜甜圈都不是完全循环的，而是以某种独特的方式扭曲的。
每个甜甜圈在不同的和弦上有不同的线性颜色梯度。
每个甜甜圈旋转，鳞片和脉冲的速度略有不同的动画。
他们的图形是建立使用插图(每个甜甜圈是1层)，然后动画后效果。重叠甜甜圈的结果是一个很好的颜色倍增效果，每个甜甜圈的各个部分重叠。
目前，我正试图将其移植到网络上，并在颜色混合和乘法方面遇到重大问题。
一些我试过的东西。
将AI文件导出为SVG并使用RaphaelJS生成动画
直接从A
浏览 5提问于2015-01-06得票数 0
回答已采纳
1回答
我有个问题。我在我的网站上使用CSS过滤器饱和度。默认情况下，图像的饱和度为40%，悬停时为饱和度(100%)。它真的很简单，除了IE11，它可以在我需要的所有浏览器上运行。我真的需要它在IE11上工作，它可以是css或javascript的解决方案。
目前我有这样的东西：
-webkit-filter: saturate(40%);
-moz-filter: saturate(40%);
-o-filter: saturate(40%);
-ms-filter: saturate(40%);
filter:url("data:image/svg+xml;utf8,<svg xm
浏览 0提问于2016-10-31得票数 1
1回答
我需要使用过滤器对svg图像，以改变颜色，但它不工作在IE上。
我已经看到，这是因为它没有得到支持，但我需要另一种方法来做到这一点。我需要改变颜色，填充不是一个选择。有办法让过滤器工作在IE上吗？
滤光片:亮度(0)、饱和度(100%)、倒置(100%)、纵隔(0%)、饱和度(25%)、旋转(70度)、亮度(108%)、对比度(108%)；
浏览 0提问于2019-08-05得票数 0
2回答
最新Safari中的SVG过滤器
、、、、
因此，我有一个很好的svg过滤器，我可以应用到dom元素中，并创建一个“粘贴”效果。在Chrome中工作很好，在Safari中没有骰子。以前有同样问题的问题可以追溯到2010年，似乎已经在safari 6中得到了修正。不幸的是，我找不到关于这个话题的任何资源，甚至很难确定问题可能从哪里开始。
我在这个inChrome中附加了工作代码( JSfiddle )
<svg height="200px" width="300px" viewbox="0 0 300 200">
<defs>
<filter
浏览 6提问于2016-09-28得票数 3
回答已采纳
我尝试将SVG过滤器添加到带有JS的图像中。它在Firefox中运行得很好。
我调用jQuery的CSS方法来添加一个内联样式，它正在操作一个图像：
colorFilter = 'url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'changeColor\'><feColorMatrix type=\'matrix\' values=\'' + config['r
浏览 1提问于2013-10-15得票数 0
回答已采纳
1回答
我有一个<image />在<svg>组件下。如果我在增加/降低对比度和亮度的图像中添加滤波属性，这会影响图像的质量(像素密度)吗？
示例：
<svg ...>
<image filter='url(..)' src='..' ... />
<svg/>
浏览 1提问于2021-07-13得票数 1
回答已采纳
2回答
我试图在一个SVG过滤器中实现多个阴影，但我相信我的问题比这更通用：--我如何在一个SVG过滤器中添加多个效果?在我的例子中，，这是我想要做的具体工作。
我有一个SVG文档，该文档当前包含一个path元素，并且我对这个path元素应用了一个拖放阴影效果。
我的SVG文档
<svg xmlns:xlink="http://www.w3.org/1999/xlink" width="1440" height="1750">
<defs>
<filter id="dropshado
浏览 8提问于2014-03-31得票数 8
回答已采纳
1回答
自动重叠SVG边
、、
我正在处理大量复杂的SVG文件，在这些文件中，形状共享一些精确的路径(即，在从位图向量化后，它们被排列成边缘到边缘)。这些形状由路径定义，有丰富的颜色，但没有轮廓。
在我的工作流程的下一个步骤中，这将创建一个边缘工件。我已经找到了解决这个问题的最好方法是手动移动节点，这样就会有少量的边缘重叠(例如，1px)。在开发过程中，我需要对大约1k的30+图形进行处理，这就是为什么我希望我的工作流程是自动化的。我不确定这是否可以通过SVG编辑器插件或者javascript应用程序来完成。
因为形状是复杂的，有时有空洞化的部分，所以每个节点都需要从填充的边缘垂直移动。
最终的目标是让所有现有的边缘到边缘部
浏览 0提问于2019-10-11得票数 0
在我的项目中，我有一组预定义的SVG过滤器，我还想为用户配置一些其他过滤器，例如：
<!-- predefined static filter(s) -->
<svg>
<defs>
<filter id="grayscaleFilter">
<feColorMatrix result="grayscaleFilter" type="matrix"
values="0.3333 0.3333 0.333
浏览 1提问于2019-09-12得票数 0
2回答
我有以下SVG过滤器：
<svg style="visibility: hidden; height: 0; width: 0;">
<filter id="rgbShift">
<feOffset in="SourceGraphic" dx="1" dy="-1" result="text1" />
<feFlood flood-color="#FF0000" result="redColor
浏览 8提问于2017-09-09得票数 0
回答已采纳
1回答
对于我的应用程序，我需要能够让用户通过Active登录。我已经在Glassfish 4中配置了LDAP领域，只要用户是我指定的组的一部分，一切都可以正常工作。但是，当用户是嵌套组的成员时，Glassfish并不像它应该的那样映射组。
我已经找了很长一段时间了，我发现Glassfish还没有准备好用于嵌套组。尽管这些语句来自Glassfish、V2和3.x。
我也找不到工作了。
伊拉茨
浏览 3提问于2015-02-23得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
