腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
可以
允许
SVG
元素
溢出
其
掩码
吗
?
svg
目前正在做一个项目,它使用滑块来比较两个不同的图像与
SVG
的重叠。滑块右侧的
SVG
应用了一个蒙版,而左侧的
SVG
应该保持不变。我的问题是,当使用
掩码
来应用这些样式时,
掩码
会裁剪掉它没有覆盖的任何
元素
。Reproduction:https://codepen.io/anon/pen/VNEOPy 超最小repro: <
svg
version="1.1" xmlns="http:/
浏览 52
提问于2019-04-24
得票数 0
回答已采纳
3
回答
可以
在没有外部文件的情况下将webkit css
掩码
与
SVG
一起使用
吗
?
javascript
、
css
、
webkit
、
svg
Webkit
允许
使用外部
SVG
文件作为任何HTML
元素
的
掩码
。即:结果是:(更多信息请访问:) 有没有人知道有没有一种不需要外部
SVG
文件的方法?更具体地说,它
可以
用javascript生成的
SVG
来完成
吗
?
浏览 0
提问于2010-10-28
得票数 5
回答已采纳
1
回答
svg
中的多个preserveAspectRatio?
svg
我希望在布局中有一个
svg
填充一个特定的空间,所以preserveAspectRatio="none"似乎是一个很好的第一种方法。
掩码
可以
有自己的aspectRatio设置
吗
?是否有更好的方
浏览 2
提问于2017-07-09
得票数 1
回答已采纳
1
回答
svg
掩码
和包围盒
svg
、
mask
、
bounding-box
>在这个小提琴中,我想使用id="zzz"将
掩码
应用于
svg
元素
。但是在这个
元素
中有一个rect
元素
,它增加了zzz的边界框。在小提琴中是rect,但在我的项目中是一个image标记。zzz有
溢出
设置为隐藏(在小提琴中,我将它更改为可见的,因此更容易看到问题),所以在zzz中
可以
看到图像的特定部分。 真正的问题是zzz的内部内容增加了zzz的边框。
掩码
将被许多不同大小和内容的
元素
浏览 1
提问于2015-09-19
得票数 3
1
回答
针对分隔文件中
SVG
元素
的Jquery
jquery
、
svg
、
webkit
我试图在视频上应用
svg
过滤器,如果我使用带有- webkit -
掩码
: url(mask.
svg
)属性的外部
svg
文件,实际上它
可以
与webkit一起工作。问题是,我希望针对
掩码
中的一个
元素
来更改它的属性。如果我将
svg
代码与html放在同一个文件中,则工作平稳,但Jquery不能访问mask.
svg
中html文档之外的
元素
。因此,在我
可以
使用的同一个文件中使用
SVG
和html
浏览 1
提问于2014-03-28
得票数 0
回答已采纳
1
回答
使用CSS
掩码
,而不像
元素
那样存在
溢出
:隐藏;
css
我试图将CSS
掩码
应用到一个在父
元素
之外也有子
元素
的
元素
。问题是,当我添加
掩码
时,子
元素
会完全消失,就好像我将父
元素
设置为
溢出
一样:隐藏;我已经准备好了我想要做的事。注释-webkit-
掩码
以查看外部定位
元素
。 @Nate收到了:
浏览 2
提问于2012-02-08
得票数 1
回答已采纳
1
回答
我如何应用内置
SVG
的
掩码
,它将在Chrome中工作?
html
、
css
、
svg
我想使用
SVG
形状剪辑我的
元素
,
SVG
形状是在同一个HTML文件中定义的(一个内联
SVG
)。div { height: 200px; clip-path: url("#c");<div></div>但是,当使用
掩码
时,虽然在Firefox中工作得很好,但它在Chrome中没有应用掩蔽:div {
浏览 1
提问于2017-07-18
得票数 2
回答已采纳
1
回答
使用
SVG
堆叠被屏蔽的div内容
html
、
css
、
reactjs
、
svg
我目前正试图在React中创建堆叠的<div>
元素
,其中顶层<div>的内容被屏蔽了(尽管除了对
SVG
元素
表示法之外,这可能并不重要)。内联<
svg
>的内容: ? 使用...Is作为<div> B的
掩码
,以便产生以下效果: ? 我想避免使用clip-path,因为他们有limited browser support,我想知道是否有一种方法
可以
用更简单的方法来实现这种效果。同样重要的是,我能够在<div>中定位<img&g
浏览 38
提问于2019-02-19
得票数 1
回答已采纳
2
回答
使用相对位置时不正确的
SVG
掩码
位置(Chrome)
javascript
、
html
、
css
、
svg
、
mask
我正在从事一个项目,在该项目中,我希望在感兴趣的位置显示图像(模糊)和放置“放大镜”(用非模糊图像进行圆圈),用户
可以
与其进行交互: 因此,图像被放置在一个包装器中,旁边是一个
svg
元素
。图像应该驱动
svg
的大小,因此我不使用视图框属性。
SVG
定位为绝对,覆盖整个包装器。现在,我
可以
使用相对定位将
元素
放在
svg
上。然后,我在我想要放大镜的位置放置一个圆圈(仍然工作正常)。作为
掩码
,我在相同的位置(在
掩码
浏览 5
提问于2020-08-18
得票数 0
2
回答
我
可以
在不使用id的情况下向
svg
-
元素
添加一个
掩码
吗
?
javascript
、
html
、
svg
我想给
svg
图像分配一个
svg
掩码
。我
可以
用面具上的id来做这个工作,就像这样:<
svg
id="
svg
1" width="5cm" height="5cm" viewBox="0 0 200 200" xmlns="http因此,我将生成‘#
掩码
’-id的副本。使用多个id的代码无效。因此,我想使用一个类来引用适当的
掩码
。这意味着我不能使用
浏览 2
提问于2017-12-03
得票数 5
回答已采纳
1
回答
d3 (d3.
svg
.arc)创建的
SVG
路径
元素
在应用
掩码
时消失
javascript
、
css
、
d3.js
、
svg
我试图将纹理(例如条纹)放在由d3弧函数创建的
svg
路径
元素
上。我找到了这个示例(),它正是我想要的(使用css应用
掩码
),但是当我应用于由d3弧函数创建的路径
元素
时,路径就消失了。我使用了mbostock的饼图示例(http:// bl.ocks.org/mbostock/3887235),并应用了另一个示例中的
掩码
。我甚至认为这是
svg
path
元素
的一个问题,但是如果我在
svg
上创建一个显式的路径(在jsf
浏览 3
提问于2016-07-09
得票数 1
回答已采纳
1
回答
SVG
中掩模和滤波器的处理顺序
svg
、
svg-filters
下面的
SVG
包含一个带有模糊过滤器和圆形
掩码
的矩形。结果是一个红色的圆圈,所以很明显,滤光片是在
掩码
之前应用的。在所有浏览器上,这似乎都是一样的。 <defs> <feGaussianBlur stdDeviation="10"defs> <rect x="
浏览 0
提问于2018-04-12
得票数 0
回答已采纳
1
回答
以
掩码
为背景的
SVG
- HTML
元素
的图像
css
、
svg
、
background-image
、
mask
、
css-transforms
我想使用
SVG
作为HTML
元素
的background-image。但是,当我在
SVG
中的任何位置使用
掩码
时,此操作都会失败。`. <mask id="m" maskContentUnits有可能在这样
浏览 6
提问于2020-09-19
得票数 0
回答已采纳
1
回答
我想为
SVG
元素
实现
SVG
剪辑路径。
html
、
css
、
svg
、
clip-path
我想为
SVG
元素
实现
SVG
剪辑路径。我有一个DIV
元素
,其中我想把
SVG
元素
作为一个剪辑
掩码
,而且我还有一个单独的
SVG
元素
,它有一个应用剪切
掩码
的图像。我面临的第一个问题是剪辑
掩码
移动到视图端口的左上角,而不是位于父DIV
元素
的内部。 width: 10
浏览 2
提问于2018-05-19
得票数 1
回答已采纳
1
回答
如何使用图像掩蔽html
元素
html
、
css
我在做游戏。左下角将是球员的健康状况。我想通过显示一个人体的轮廓来表示这种健康,其中健康值是一个渐变图像,被填充,当他们下降健康时,梯度图像会向下移动,让背景显示出来。html, body { } position: fixed; bottom: 10px; <body s
浏览 1
提问于2015-05-26
得票数 3
回答已采纳
1
回答
为什么外部
SVG
超出了父
SVG
视图框的范围?
html
、
svg
我正在构建一个web应用程序,它使用
SVG
来定位和显示特定的
元素
。
其
目的是
允许
对外部链接的
SVG
图像进行缩放和摇摄/扫描。在IE和Edge (也是最新的GAs)上,当我向上缩放时,图像超出了父
SVG
的范围。外部<em
浏览 0
提问于2019-07-17
得票数 0
1
回答
<object>
元素
在哪个沙箱中运行?这个沙箱
可以
配置
吗
?
web-application
、
html
、
sandbox
、
iframe
、
svg
我运行一个显示用户生成的
SVG
的站点。他们是不可信的,所以他们需要沙箱。但是,我不知道在使用<object>时这些
SVG
是否被适当的沙箱化。<iframe>权限模型相当清楚,例如,除了运行脚本之外,<iframe sandbox="
浏览 0
提问于2022-03-03
得票数 1
回答已采纳
1
回答
允许
SVG
图形在包含
svg
元素
的外部
溢出
css
、
svg
、
overflow
我正在使用Raphaël-JavaScript库创建一些饼图图形,但我希望将包含
SVG
元素
的
溢出
设置为可见,以
允许
内部图形显示在其容器外部。使用普通dom
元素
(overflow: visible;)的方法似乎不适用于
svg
容器。有没有人有这方面的经验,或者知道如何补救? 干杯
浏览 1
提问于2009-10-15
得票数 18
回答已采纳
2
回答
防止
SVG
片在片边缘分割对象
svg
、
slice
我相信解决方案是在两个
SVG
切片中都有完整的较小的插图,这样无论读取哪个片段,都会出现整个较小的图解,但是还没有找到确保这一点的方法。我试过将较小的插图分组,但这似乎行不通。有人能考虑一下我的问题
吗
?如有任何建议,将不胜感激。TomH
浏览 4
提问于2014-02-25
得票数 0
2
回答
用
SVG
和JavaScript检查多边形中的点?
svg
、
javascript
、
vector-graphics
、
point-in-polygon
我有一张地图,我通过将不同颜色的区域转换为路径,将其从光栅图形转换为
SVG
文件。我知道如何在给定一组边的情况下执行基本的多边形点检查,但是
svg
:path
元素
表示多个多边形和
掩码
(以解决海洋等问题),通过解析d属性来提取这些信息似乎相当麻烦。 有没有JS库
可以
让我简化检查?由于
SVG
元素
似乎
允许
鼠标事件处理,我认为这应该不是什么大问题(即,如果您
可以
判断鼠标指针是否在
元素
的顶部,则您已经解决了多边形中的点问题)。编辑
浏览 0
提问于2010-11-14
得票数 7
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
CSS文字特效-裂开吧
编写 SVG 的指南
24个 CSS 高级技巧合集
20条CSS高级技巧
深度盘点:20个常用的CSS技巧
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
云直播
实时音视频
活动推荐
运营活动
广告
关闭
领券