1回答
响应式SVG掩码
、、
我有一个基于路径的SVG掩码。我想要它扩展以填充所有可用的空间(或收缩)，同时保持路径的纵横比。 width: 100%; }
<svg xmlns="http://www.w3.org/2000/svg" xmlns:rect x="0" y="0" width="100%" height=&quo
浏览 16提问于2019-11-18得票数 1
回答已采纳
1回答
我尝试用SVG在Firefox中遮罩图像。图像是响应性的，所以蒙版也应该是响应性的。有了一个简单的SVG圆形掩码以及属性maskUnits="objectBoundingBox"和maskContentUnits="objectBoundingBox"，SVG掩码就可以按预期工作。但是，当我从Illustrator中导出路径并以与简单SVG圆形蒙版相同的方式包含它时，它不起作用。当我删除maskUnits=&qu
浏览 0提问于2016-04-26得票数 2
1回答
我目前正试图在React中创建堆叠的<div>元素，其中顶层<div>的内容被屏蔽了(尽管除了对SVG元素表示法之外，这可能并不重要)。给定两个响应式的<div>- A和B-都包含一个<img>，其中B绝对位于A之上，我想对<div> B应用一个内联的、任意的<div>掩码，以便它部分暴露它下面的SVG A的内容。内联<svg>的内容： ? 使用...Is作为<div> B的掩码</e
浏览 38提问于2019-02-19得票数 1
回答已采纳
1回答
有没有一种方法可以在没有JS的情况下，生成一个响应式的SVG，其中倾斜的边框不会随着宽度伸展？请不要回复“使用CSS”，因为我需要创建一个复杂的掩码，这是根本不可能与CSS单独。<html lang="en"><body>
<svg preserveAspectRatio="none" width="100%" h
浏览 0提问于2016-04-13得票数 0
我试图将纹理(例如条纹)放在由d3弧函数创建的svg路径元素上。我找到了这个示例()，它正是我想要的(使用css应用掩码)，但是当我应用于由d3弧函数创建的路径元素时，路径就消失了。我使用了mbostock的饼图示例(http:// bl.ocks.org/mbostock/3887235)，并应用了另一个示例中的掩码。我甚至认为这是svg path元素的一个问题，但是如果我在svg上创建一个显式的路径(在jsfiddle上的blue)，这个<em
浏览 3提问于2016-07-09得票数 1
回答已采纳
1回答
基本上，我试图遵循和，这说明了如何使用掩码CSS属性和使用火狐的嵌入式SVG映像来掩码元素。upload.wikimedia.org/wikipedia/en/thumb/0/08/DioHolyDiver.jpg/220px-DioHolyDiver.jpg" alt="" class="target" />
<svgoffset="0"&#
浏览 7提问于2012-02-28得票数 1
回答已采纳
1回答
我正在为我的响应式webapp寻找图形解决方案。我真的很喜欢这个分析演示： (在JS Bin：上)下面是codepen demo的作者写的一篇文章，介绍了他是如何创建响应式SVG</
浏览 0提问于2013-05-31得票数 2
回答已采纳
2回答
WebKit有一个错误，导致嵌入式SVG (由<embed>或<image>)具有白色背景而不是透明。有什么好办法解决这个问题吗？-我不能这样做，因为插入为imgs的SVG的DOM/XML树不能被遍历/操作。用自身来屏蔽<object>或<embed>元素。令人惊讶的是，如果使用SVG作为掩码，旧的WebKit可以检测到透明度，但我认为它是一个丑陋的解决方案：
<ob
浏览 2提问于2011-01-20得票数 3
回答已采纳
1回答
嗨，我有一个页面，在那里我使用响应式svgs作为图标。下面是js.fiddle：
.svg-content2 { position:absolute; left">
<object data="images/money_ico.svg" type="image/svg+xml" width="30
浏览 1提问于2016-03-17得票数 1
请有人建议我如何将加载的矩形转换成图像的掩码？我希望能够在插画中创建我的svg矩形，所以在加载svg之前设置大小和位置。谢谢大卫
浏览 1提问于2014-03-14得票数 3
回答已采纳
我想给svg图像分配一个svg掩码。>但是，我想多次加载这个svg，在svg-标记中有一个不同的id。因此，我将生成‘#掩码’-id的副本。使用多个id的代码无效。因此，我想使用一个类来引用适当的掩码。这意味着我不能使用mask=url()-technique。
如果掩码有类而不是id，是否可以将掩码应用于rect元素？我只是想知道是否有一种方法可以在不引用id的情况下为一个元素分配一个掩码</em
浏览 2提问于2017-12-03得票数 5
回答已采纳
1回答
使用viewbox的响应式SVG
、、、、
我已经设法使SVG响应，使用viewbox如下所示： var svg = d3.select("#vis").append("svg") .attr("viewBox", "0 0 960 500")
.attr("preserveAspectRatio", "non
浏览 22提问于2018-12-26得票数 1
回答已采纳
我需要使用css url()函数指定模板链接到掩码图像的样式。
浏览 1提问于2020-11-16得票数 0
回答已采纳
1回答
我正在研究如何以一种响应式的方式添加外部SVG文件，并爱上了，因为它不需要JavaScript。
( SVG已经使用冲刷进行了“清洗”，因此剥离了高度/宽度属性，并按照建议添加了viewBox。)问题是，这种技术似乎需要在image标记上使用height和width属性才能起作用，但该标记没有响应。="logo.svg" src="logo.png" width="100%" height="100%&quo
浏览 1提问于2014-01-29得票数 1
我有一个SVG，并且使用带有背景颜色的蒙版来显示SVG，有什么属性可以用来反转蒙版吗？例如：通常情况下，svg掩码不会显示svg后面的任何内容，我如何才能让它以另一种方式发生？我本以为在这里使用的是掩码复合属性，但浏览器无法识别它(Chrome)
浏览 4提问于2021-02-02得票数 1
2回答
2)在视频上，作为最终结果，获得一个具有一些透明部分的视频，该部分对应于图像掩码的黑色方格(并且掩码应与视频成比例地缩放，以便作出某种响应)。我尝试了一些演示，找到了和，但是在这两个示例中，应用的掩码都不是用图像制作的。这是我正在尝试的基本代码。 <head> width: 100%;
浏览 4提问于2014-09-24得票数 2
回答已采纳
我想使用SVG形状剪辑我的元素，SVG形状是在同一个HTML文件中定义的(一个内联SVG)。div { height: 200px; clip-path: url("#c");<div></div>但是，当使用掩码时，虽然在Firefox中工作得很好，但它在Chrome中没有应用掩蔽：div {
width: 2
浏览 1提问于2017-07-18得票数 2
回答已采纳
1回答
外观由svg文件设置。可点击区域必须受svg形状约束。我找到了我需要的很好的，但它使用了像素掩码或圆形掩码。你能帮我找到解决方案吗？
浏览 1提问于2020-03-12得票数 1
1回答
我试图在视频上应用svg过滤器，如果我使用带有- webkit -掩码: url(mask.svg)属性的外部svg文件，实际上它可以与webkit一起工作。问题是，我希望针对掩码中的一个元素来更改它的属性。如果我将svg代码与html放在同一个文件中，则工作平稳，但Jquery不能访问mask.svg中html文档之外的元素。因此，在我可以使用的同一个文件中使用SVG和html
var mask = $('#mask1 #group #ci
浏览 1提问于2014-03-28得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
腾讯会议
云直播
对象存储活动推荐
腾讯云开发者
