腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(1151)
视频
沙龙
1
回答
svg
剪辑
路径
对角线
翻译
css
、
svg
、
css-animations
、
keyframe
、
clip-path
我有一个如下的
svg
形状。 clipx3); .clip3 { } <
svg
id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/
svg
" width="1280" height
浏览 8
提问于2020-04-27
得票数 0
2
回答
基于图像的等高线边缘的Div?
html
、
css
我试图做一个div的边缘,轮廓与一个图像的轮廓在一边。如下所示: 被勾勒出来的是div。我能找到的最接近的解决方案是在这里:,但这还不够。我真的只是想确定这是否可能,或者我是否应该寻求其他的途径。
浏览 6
提问于2022-11-21
得票数 1
回答已采纳
1
回答
使用d3拖动时,
剪辑
路径
与一组元素一起移动
javascript
、
html
、
css
、
d3.js
这是我的工作代码;var
svg
= d3.select("
svg
");
svg
.append("clipPath") // definewidth="500" height="300" class="svgClass"></
svg
>你可以看到拖着,第一次剪裁的形状一直在移动。检查这段代码;
浏览 0
提问于2019-09-13
得票数 0
1
回答
剪裁元素不更新
剪辑
路径
更改。
css
、
svg
我用js创建了一个带有
剪辑
路径
css属性的图像。我还创建了一个
svg
,在
svg
中有一个
剪辑
路径
,用一个圆圈作为掩码。呈现如下所示: <defs> <clipPath id="bubble-path"><circle cx=
浏览 2
提问于2016-06-24
得票数 0
1
回答
多个
SVG
标记中的clipPath
svg
、
cross-browser
假设您有多个
SVG
标记,在每个标签中使用相同的ID定义不同的
剪辑
路径
。<
svg
id="
svg
1" width="200" height="200"> <clipPath id="nodeclipper"> <rect width="100" height="100" x="
浏览 2
提问于2013-04-09
得票数 11
回答已采纳
1
回答
自定义由
SVG
<clipPath>裁剪的HTML元素的可见区域
html
、
css
、
svg
我有一个HTML元素,我使用外部
SVG
中的一个
路径
来
剪辑
它,这使得设置如下所示:video {}<html><body></body>
SVG
:
浏览 0
提问于2016-01-30
得票数 2
回答已采纳
2
回答
svg
中的
剪辑
路径
和变换组合
svg
、
jquery-svg
请参考以下组中的
剪辑
路径
。<g id="container_
svg
_SeriesCollection" clip-path="url(#container_
svg
_ChartAreaClipRect)"><defs><rect id="container_
svg
_ChartAreaC
浏览 3
提问于2013-05-10
得票数 3
回答已采纳
3
回答
剪辑
路径
svg
适用于图像,但不适用于div。
css
、
svg
、
clip-path
在MDN上有一个关于如何在图像上使用
剪辑
路径
svg
的示例。相同的
剪辑
路径
似乎不适用于div元素。有谁能澄清: clip-path: url(#cross);<img id="clipped" src="https://mdn.mozillademos.org
浏览 13
提问于2019-11-24
得票数 3
回答已采纳
2
回答
如何使用
SVG
剪切蒙版裁剪图像的特定区域
html
、
svg
、
clip-path
、
image-clipping
我正在通过
SVG
剪辑
路径
做一个
剪辑
蒙版。我使用了一个带有三个
剪辑
遮罩的
SVG
元素。这是链接。谢谢
浏览 4
提问于2016-02-22
得票数 0
2
回答
如何在动画后/动画期间应用
剪辑
路径
?
svg
、
d3.js
我在
SVG
中有一个定义clipPath的
路径
。绘制并裁剪到
路径
上的线条(刻度标记)。当您单击
svg
时,它演示了动画。y2", y ) .attr( "clip-path", "url(#myclip)" ); d3.select( &
浏览 4
提问于2012-12-04
得票数 0
回答已采纳
2
回答
如何动画在
SVG
元素中定义的裁剪
路径
?
html
、
css
、
svg
、
css-animations
、
clip-path
我知道如何动画一个直接定义在CSS中的
剪辑
路径
,但我不知道如何从
SVG
clipPath元素引用
剪辑
路径
。我一直在尝试使用CSS来制作简单的
剪辑
路径
动画,直到我意识到不能直接将复合
路径
定义为
剪辑
路径
,所以我转向
SVG
的clipPath,它允许定义多个
路径
。但是动画不起作用,也就是说,没有平稳的过渡。<
svg
>
浏览 7
提问于2019-10-22
得票数 4
回答已采纳
1
回答
处理
剪辑
路径
时的reportLab
svg
2rlg错误
reportlab
、
clip-path
使用
svg
2rlg将
SVG
文件导入到reportLab PDF中时,似乎忽略了
剪辑
路径
。如果
SVG
文件具有指定了
剪辑
路径
的图形对象(这通常用于绘图延伸到轴外部的matplotlib图形),则通过
svg
2rlg导入到reportLab PDF时,
SVG
文件将无法正确呈现。
SVG
文件在AI或资源管理器中看起来是正确的,所以问题似乎出在
svg
2rlg上 svglib如何正确处理matplotlib创建的<
浏览 3
提问于2019-11-20
得票数 0
1
回答
CSS
SVG
剪辑
路径
定位-左下角开始
css
、
svg
、
clip-path
我有一个div,我正在应用
svg
剪辑
路径
。它基本上是在div的左侧放置一个一致的角度边缘。
svg
剪辑
路径
过大,因为它将应用于div的不同高度。<div class="box"> <
svg
浏览 6
提问于2022-10-25
得票数 0
回答已采纳
1
回答
隐藏部分背景图像
background-image
我有一个带有背景图像的div,其中包括正常状态和悬停状态,所以当您将鼠标悬停在上面时,会显示背景图像的下半部分。我正在制作同一站点的移动版本,我希望随着同一div高度的增长,只显示图像的前半部分。然而,正如目前的情况一样,当div增长时,我显然看到了背景图像的后半部分。关于如何隐藏背景图像的下半部分,同时仍然显示顶部,有什么想法吗? .community a{background: url(images/migtea.jpg) 0 0 no-repeat #FFF; display:block; float:left; margin:0 10px 10px 0; padding:
浏览 1
提问于2012-09-23
得票数 0
回答已采纳
1
回答
下拉菜单无法使用
剪辑
路径
css
css
、
twitter-bootstrap
、
clip-path
我是在一个肚脐与
对角线
边,所以我使用
剪辑
路径
,但我的下拉菜单不工作。我怎么才能修好它。示例代码
浏览 4
提问于2017-08-11
得票数 0
回答已采纳
1
回答
SVG
剪辑
路径
只能在firefox中使用-- chrome或safari不行吗?
html
、
css
、
svg
><defs>
SVG
2:<
svg
xmlns="http://www.w3.org
浏览 2
提问于2014-06-20
得票数 0
2
回答
使用
svg
笔画作为
剪辑
路径
html
、
css
、
svg
、
clip-path
我想要一个空心圆圈作为
剪辑
路径
,但当我应用掩模时,覆盖的区域是整个圆圈。有甚麽方法可以达到这个效果呢?(就像边界的边界-半径:50% div) <defs> <100" cy="50" r="40" stroke="black" s
浏览 0
提问于2017-03-17
得票数 1
回答已采纳
1
回答
如何识别哪些
剪辑
路径
应用于
路径
或填写PDF矢量图形?
pdf
、
svg
、
clipping
、
xpdf
我试图从PDF文件中提取矢量图形,并创建相应的
SVG
文件。为此,我使用SVGOutputDev ()和xpdf库。现在,SVGOutputDev还没有实现
剪辑
路径
提取,我也在尝试实现同样的功能。虽然我能够提取
剪辑
路径
定义本身,但我无法确定哪些定义适用于正常的笔画或填充区域。例如,请参考获取从PDF页面中提取的
SVG
,以及在提取过程中看到的PDF图形命令序列的相应转储。从
SVG
中可以看出,有多个
剪辑
路径
和一个矩形填充区域。尽管在定义填
浏览 2
提问于2013-06-08
得票数 2
回答已采纳
1
回答
解决铬损坏文本
剪辑
-
路径
?
text
、
svg
、
clip
当小文本被用作
剪辑
路径
时,有谁能建议一种使Chrome不损坏文本的方法呢? <div id="
浏览 4
提问于2014-10-22
得票数 1
2
回答
为什么
svg
<使用xlink:href="#"/>引用带有
剪辑
路径
的元素不起作用?
html
、
css
、
svg
、
clip-path
、
grunt-svgstore
在实现sprite时,将创建一个<
svg
>元素,并通过<use>元素引用
SVG
元素。然后使用<
svg
>隐藏包含的style="display: none;"元素。我使用grunt-
svg
存储来创建<em
浏览 0
提问于2015-05-01
得票数 5
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
10 个不容错过的 Framer 设计新特性
将 Linux 终端会话录制成 SVG 动画
编写 SVG 的指南
CSS文字特效-裂开吧
给你几个网站,设计感爆棚,脑洞绝佳辅助神器(上)
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券