腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
为什么
svg
和
css
掩码
(
裁剪
路径
)
不起作用
html
、
css
、
svg
我正在尝试使用
svg
为我的div附加一个剪辑
路径
<
svg
xmlns="http://www.w3.org/2000/
svg
" class="
svg
-mask" viewBox="0 0 1166193.07-42.47-117.36-25.51c0-.01-20.51-5.1-33.91-23.71z" fill="#fff"/> <
浏览 6
提问于2019-10-14
得票数 0
1
回答
如何使用图像掩蔽html元素
html
、
css
我在做游戏。左下角将是球员的健康状况。我想通过显示一个人体的轮廓来表示这种健康,其中健康值是一个渐变图像,被填充,当他们下降健康时,梯度图像会向下移动,让背景显示出来。html, body { } position: fixed; bottom: 10px; <body s
浏览 1
提问于2015-05-26
得票数 3
回答已采纳
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
上创建一个显
浏览 3
提问于2016-07-09
得票数 1
回答已采纳
2
回答
我不能在
SVG
中框住这张图片
css
、
svg
、
clip-path
、
css-mask
这就是说,t恤应该按照它的
路径
在云中
裁剪
。我尝试使用
CSS
边框
掩码
,但没有成功: .wrapper { background-repeat:no-repeat; background-position:50% 50%;} .
svg
浏览 15
提问于2020-12-12
得票数 3
回答已采纳
1
回答
在firefox中使用许多外部
svg
剪辑
路径
html
、
css
、
svg
、
clip-path
问题所在<
svg
xmlns="http://www.w3.org/2000/
svg</
浏览 16
提问于2017-01-27
得票数 1
回答已采纳
1
回答
用于HTML-JavaScript动画的简单
SVG
绘图
javascript
、
html
、
animation
、
svg
、
inkscape
我正在尝试在
SVG
中绘制一个简单的电池符号,它将使用HTML/JavaScript进行动画处理: (墨迹绘制在左边,火狐渲染在右边) 因为我是
SVG
新手:这里有什么问题?
浏览 0
提问于2011-06-15
得票数 1
回答已采纳
1
回答
将旋转
SVG
裁剪
为HTML/
CSS
中的文本
html
、
css
、
svg
、
css-animations
、
clip-path
我有一个使用动画旋转的
SVG
图像,以及它旁边的一个文本元素。每当星光较亮的部分与文字重叠时,我希望文字的那一部分改变颜色。基本上,恒星爆发应该剪辑到文本,同时旋转。h1 class="title-text">Title</h1></div> 在这里,两个starburst图像都有position: absolute,完全一致,并且都是使用
CSS
在使用clip-path
和
background-clip这样的属性之后,我似乎无法让
浏览 15
提问于2022-12-04
得票数 0
3
回答
如何使用特定形状的另一个div显示div上方的页面背景
html
、
css
为什么
不移除div_1呢..?我不能像我想要的那样把那条黑带放在书页的中间。编辑 请检查在div_2中看不到的"required“标签的外观
和
感觉,因为它后面有div_1,而且由于
浏览 2
提问于2013-05-14
得票数 0
回答已采纳
2
回答
HTML <div>上的自定义
裁剪
路径
javascript
、
jquery
、
css
、
svg
、
mask
在对
SVG
进行了不成功的实验之后,我希望使用另一种技术将剪辑
路径
(自定义多边形,如箭头)应用于<div>,女巫在<div>中有一些其他的HTML元素。
浏览 2
提问于2012-06-20
得票数 0
1
回答
使用纯
CSS
生成剪辑
路径
时出现问题,如图所示
html
、
css
、
user-interface
、
clip
我正在尝试为我的项目生成剪辑
路径
。它应该看起来像这样: 边角应该是弯曲的。}我得到了类似下面这样的输出:如何使用剪辑
路径
执行此操作或者是我的方法(剪辑
路径
)错了?帮助我只使用
CSS
制作这个图标?
浏览 8
提问于2019-11-09
得票数 0
1
回答
两个独立的飞船在相撞。
svg
我有两个独立的svgs然后是另一个
svg
如果我把它们分开渲染就可以了。如果我这么做<
svg
>
svg
2 stuff<
浏览 4
提问于2016-06-25
得票数 0
回答已采纳
1
回答
为什么
我的
SVG
路径
意外地在Chrome、Edge
和
Firefox中被剪短?
svg
考虑以下
SVG
图像代码: <title>Clipped Pathheight="732" fill="transparent" stroke="black" stroke-dasharray="20 10" stroke-w
浏览 2
提问于2017-11-16
得票数 3
回答已采纳
2
回答
跨浏览器
css
掩码
css
、
svg
、
cross-browser
我试图在
svg
中创建一个带有
和
图像的
掩码
。->我在两个
svg
之间插入一个图像(在一个文件中)<image id="image-front" xlink:href="" class="crop-image" />这是我的课: mask: url("/wp-content/themes/customtheme/assets/ima
浏览 3
提问于2020-08-07
得票数 0
回答已采纳
1
回答
如何使用
CSS
定位
SVG
剪辑
路径
,并且只剪裁元素的一个边缘
css
、
svg
、
mask
、
clip-path
、
css-mask
我试图使用
SVG
掩码
和
CSS
clip-path属性在网站上制作一些“破烂”的区段分隔器。我能够使用clip-path: url(#
svg
-id);方法添加
SVG
掩码
-到目前为止还不错!我还没有弄清楚如何使用
CSS
定位
SVG
(例如,上下移动页面),但我确实发现,我可以将transform="translate(X,Y);"属性添加到HTML中的
SVG
路径
本身,作为定位
s
浏览 8
提问于2021-07-22
得票数 1
1
回答
如何使用
svg
形状来掩盖图像?
css
、
image
、
svg
我有一个
SVG
形状,我想用它作为一个面具,以便我添加到它的每一个图像将是在这个形状中。 这是我的
svg
代码,可以得到那个
掩码
,但是带有黑色。 <
svg
version="1.0" xmlns="http://www.w3.org/2000/
svg
" width="157.000000pt" height="163.000000pt" viewB
浏览 7
提问于2015-08-14
得票数 3
回答已采纳
3
回答
是什么让Safari跳过了剪辑
路径
和
SVG
的
掩码
?
html
、
css
我在火狐中使用带有.
svg
文件链接的剪辑
路径
没有任何问题,但Safari似乎拒绝使用它们。/img/menu-news.
svg
#news-clip");我做了一个测试,创建了一个带有
掩码
标签的.
svg</
浏览 0
提问于2013-05-16
得票数 1
回答已采纳
1
回答
为
SVG
创建占位符元素的免费转换插件
javascript
、
jquery
、
svg
、
transform
、
css-transforms
这意味着我们需要使用
SVG
和
裁剪
/掩蔽,以及自由转换元素到这些
掩码
/剪辑的绑定位置。以后,整个生成的
SVG
对于打印维度应该是可伸缩的(但这不是问题所在)。想法很简单- 问题:即使转换的
SVG
掩码
有精确的变换副本
和
FT div的位置,当转换包含旋转时,它的行为也很奇怪似乎变换原点
不起作用
,
浏览 1
提问于2014-09-30
得票数 12
1
回答
无法在Firefox中使用响应式
SVG
图像蒙版
css
、
firefox
、
svg
、
responsive
我尝试用
SVG
在Firefox中遮罩图像。图像是响应性的,所以蒙版也应该是响应性的。有了一个简单的
SVG
圆形
掩码
以及属性maskUnits="objectBoundingBox"
和
maskContentUnits="objectBoundingBox",
SVG
掩码
就可以按预期工作。但是,当我从Illustrator中导出
路径
并以与简单
SVG
圆形蒙版相同的方式包含它时,它
不起作用
。当我删除mask
浏览 0
提问于2016-04-26
得票数 2
1
回答
应用
掩码
后的奇异
svg
路径
裁剪
svg
、
crop
、
mask
我有四个
路径
(简化为直线)与stroke=34的两个(2,4)空掩膜(100%x100%填充白色)被应用。这样的事情发生在各种
路径
,垂直
和
水平
裁剪
后,面罩应用。
浏览 2
提问于2015-04-21
得票数 1
回答已采纳
1
回答
画布创建透明的图像
掩码
。
canvas
、
html5-canvas
、
masking
我有一个画布,用户可以用我创建的画笔工具(鼠标向下或触摸)绘制。我希望画布上的形状限制绘画区域,例如汉字的形状。我的下一个解决方案是将掩蔽图像绘制为带有drawImage的PNG到画布上,然后将drawImage更改为“源-顶上”,以便画笔仅在掩蔽图像中绘制。我可以接受将掩蔽图像设置为非常低的alpha,这样几乎是不可见的。然而,重叠画
浏览 2
提问于2016-01-30
得票数 1
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
CSS3 clip-path 用法介绍
大麦端选座SVG 渲染
SVG 图像入门教程
10个实现炫酷UI设计效果的CSS生成工具
工作时使用CSS时可以免费使用的在线工具
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券