腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
1
回答
仅在三条边上插入阴影SVG
html
、
svg
、
svg-filters
我正在尝试使用SVG滤镜只在3个侧面(顶部,左侧和右侧)获得嵌入的阴影。请看下面的代码,它添加了所有四个侧面的阴影,看看你是否可以帮助我修改它,以获得一个阴影只有3个侧面。谢谢! <svg> <filter id="inset-shadow" x="-50%" y="-1" width="200%" height="205%"> <feComponentTransfer in=SourceAlpha>
浏览 0
提问于2015-11-14
得票数 0
1
回答
放大的svg投影
svg
、
svg-filters
下面的代码显示一个带阴影的箭头。该要求要求使阴影略大于箭头,以便如果箭头是直的并直接指向前方,则可以在箭头的任一侧看到相等数量的阴影。我试着创建了两个仅在水平位置不同的阴影,但从未正确工作过。 这个要求要求没有模糊的阴影,所以不能通过添加模糊来“放大”。图像不应该看起来很逼真。 我已经有了创建一个放大的、垂直移动的黑色箭头副本的代码。我希望有一个更精致的解决方案,因为这有很多代码和冗余数据。 <?xml version="1.0" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD S
浏览 0
提问于2013-01-22
得票数 2
回答已采纳
1
回答
在SVG的一整面添加阴影
css
、
tailwind-css
我正在尝试制作一些沿着这个形状分割线的阴影(一个svg,一个直角三角形),我正在使用Tailwind CSS框架。 我的问题是,在最左边的边缘,因为三角形很小,所以没有阴影。我希望的结果是有一个阴影遍及整个世界, 这是我目前拥有的HTML (注意,使用顺风css制作的): <div class="relative h-20 mb-20"> <svg class="w-full h-20 fill-current text-white shadow-bottom" viewBox="0 0 100 100" preserv
浏览 24
提问于2021-05-15
得票数 0
回答已采纳
1
回答
使用旋转变换时的SVG间隙
html
、
svg
、
transform
我得到了这个我无法解决的奇怪的问题。我试图写一个矩形反应组件,其中一个框梯度是一个选项。 但是我的四个三角形之间有一个缺口,我试着用它进行黑客操作(包括使用高斯模糊)来缩小这个缺口,但我似乎无法在不造成角点混乱的情况下缩小这个缺口。 <html style="margin:0;padding:0;height:100%;width:100%;"> <head> </head> <body style="margin:0;padding:0;height:100%;width:100%;">
浏览 2
提问于2016-02-03
得票数 0
回答已采纳
1
回答
如何设置SVG滤镜的alpha?
html
、
css
、
svg
、
svg-filters
我喜欢更改来自SVG径向模糊滤镜的alpha?有没有办法将alpha更改为100%? 感谢您的宝贵时间! 干杯 亚历克斯 .effet{ width: 400px; height: 300px; margin: 0 auto 50px auto; background-color: #9c27b0; } .filtre--r{ -webkit-mask: -webkit-radial-gradient( center, closest-side, transparent 30%, black 80%); -webkit-mask: radial-gradient( cl
浏览 0
提问于2016-03-13
得票数 0
2
回答
如何同时使用SVG filter和<base>标签
html
、
google-chrome
、
svg
、
filter
、
blur
下面的代码适用于主页上的"page URL“== "base URL” 但在任何其他页面上都会失败 <svg> <filter id="blur"> <feGaussianBlur stdDeviation="5"></feGaussianBlur> </filter> <image id="svg-image" xmlns:href="http://x.com/image.jpg" filter
浏览 1
提问于2015-09-26
得票数 0
2
回答
边缘清晰的SVG蓝光
svg
你好,我正试图用fegaussianblur在SVG多边形元素上创建一个模糊,这就是我所得到的 <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 379 313.9" style="width:150px; height:
浏览 4
提问于2016-07-13
得票数 2
回答已采纳
2
回答
Safari中SVG高斯模糊出乎意料地亮起图像
svg
、
safari
、
gaussian
、
svg-filters
使用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
回答已采纳
1
回答
如何通过将过滤器与掩码相结合来实现使用SVG的渐进模糊?
svg
、
web-frontend
、
svg-filters
我试图实现像图像上的线性模糊效果,但使用只是svg,没有! 注意图像的顶部是如何完全模糊的,但是底部不是。 在SVG中,使用可以实现模糊效果。梯度可以与一起使用。 如何将这两者结合起来?
浏览 3
提问于2017-07-28
得票数 4
回答已采纳
2
回答
带光滑边割的SVG -径向梯度
svg
我试图创建这样的SVG背景图像(两种颜色,径向渐变,S形切边光滑): 创建径向梯度非常容易(例如使用): <!-- SVG syntax --> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none"> <radialGradient id="g920" gradientUnits="
浏览 7
提问于2016-08-16
得票数 0
回答已采纳
2
回答
SVG过滤器:比例
scale
、
svg-filters
我有一个svg图形与一个阴影附加到它使用svg过滤器。我需要缩放阴影,但找不到一个过滤器可以做到这一点。有人知道这是否可能吗? <svg class="svg" width="155" height="460" viewbox="0 0 100 100" preserveAspectRatio ="xMidYMin meet"> <filter id="shadow" class="shadow" width="200%" height=
浏览 6
提问于2016-01-06
得票数 4
回答已采纳
2
回答
SVG dropshadow被裁剪
svg
、
clipping
、
svg-filters
我有一个SVG勾号图标,上面有一个正在被裁剪的下拉阴影。我在这里看到的常见的滤镜偏移量方法并没有帮助。有什么建议吗? <svg version="1.2" baseProfile="tiny" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="73.516px" height=
浏览 0
提问于2013-07-14
得票数 3
回答已采纳
1
回答
vue.js:未识别的过滤器大写标签名
svg
、
vue.js
我正在试用vue.js来使用表单输入来更改svg-元素,例如,一些rect的位置和一些筛选值。 下面是使用两个范围输入的示例的一部分。请参见,位置没有出现任何问题:在更改输入滑块后,rect示例的y坐标(ypos)被正确更新。 然而,模糊过滤器没有响应。虽然数字从输入范围得到更新到dom-元素,但标记似乎被转换为小写(std偏差),之后我的浏览器(chrome)似乎忽略了它。 我怎么才能解决这个问题?谢谢! <div id='app'> <input type='range' v-model='stdev'>
浏览 5
提问于2016-02-05
得票数 1
回答已采纳
3
回答
使用多边形模糊SVG背景
html
、
svg
我正在尝试用多边形svg形状模糊背景。下面是svg。这是 <svg id="testSVG" style="position: absolute;left: 0;top: 0;height: 100%;width: 100%;opacity: 0.5;"> <defs> <filter id="blurry" x="0%" y="0%" height="100%" width="100%" primitiveUnits="userSpa
浏览 0
提问于2016-10-28
得票数 0
2
回答
svg模糊滤镜在firefox中不起作用
css
、
firefox
、
svg
我尝试使用模糊svg滤镜作为外部文件,并通过CSS属性链接它。 我可以用colorMatrix滤镜成功地做到这一点,但是当我把它改为GaussianBlur时,图像就消失了。 HTML和CSS非常简单 <div class="demo"> <img src="./frost_files/demo.jpg"></img> </div> .demo { filter: url(blur.svg#blur); } 文件blur.svg包含: <svg version="1.1
浏览 0
提问于2013-06-19
得票数 1
回答已采纳
1
回答
React SVG在属性更新时未重新呈现
reactjs
、
svg
、
filter
、
attributes
、
jsx
我正在通过滑块输入控件更新SVG过滤器属性,但它不会持续更新呈现的过滤器。 下面是工作代码: 如果我使用dangerouslySetInnerHTML设置过滤器,那么它可以工作,但是这个技巧不足以在生产代码中使用吗? class App extends React.Component { constructor(props) { super(props); this.state = { blur: 2 }; this.blurChange = this.blurChange.bind(this); } blurChange(event) { thi
浏览 17
提问于2019-03-29
得票数 5
回答已采纳
1
回答
Python:在lxml.etree路径中指定名称空间
python
、
xml
、
svg
、
lxml
、
xml-namespaces
我试图弄清楚如何通过SVG文件中的id访问特定的元素。我使用lxml的python库来解析文件,但始终是空的。下面是我用来访问元素的python脚本: #!/usr/bin/env python from lxml import etree XHTML_NAMESPACE = "http://www.w3.org/2000/svg" XHTML = "{%s}" % XHTML_NAMESPACE NSMAP = {None : XHTML_NAMESPACE} root = etree.parse("temp.svg") textid =
浏览 4
提问于2015-05-21
得票数 1
回答已采纳
1
回答
从CSS筛选器声明中设置SVG过滤器的宽度和高度
html
、
css
、
svg
、
svg-filters
我使用一些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
回答已采纳
1
回答
CSS过滤多个URL -同时获得模糊和灰度
html
、
css
、
blur
、
grayscale
这是CSS模糊滤镜的工作代码: filter: blur(3px); -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: url('images/blur.svg#blur'); 其中,blur.sv是: <svg version="1.1" xmlns="http://www.w3.org/2000/svg"> <filter id="blur"> &
浏览 0
提问于2012-12-18
得票数 0
回答已采纳
1
回答
在svg上有真实的图像
javascript
、
css
、
svg
我在svg矩形上工作,它代表一个农民的田地。有没有可能在它上面有一个场的图像,仅仅是为了给它一个真实的感觉和视图。下面是其中一个矩形的示例代码 <!DOCTYPE html> <html> <body> <svg width="400" height="110"> <rect width="300" height="100" style="fill:green; stroke: black; stroke-width:3;" /> </svg&
浏览 1
提问于2017-12-08
得票数 1
1
回答
svg到canvas的转换坐标不正确
svg
、
fabricjs
我正在尝试使用fabricjs将SVG图像转换为canvas (之后再转换为PNG)。它起作用了,但看起来我错过了一些重要的参数 你可以在这里看到转换的结果和原始的svg 我用来进行转换的代码: <script src="https://staging.chiplab.com/test/fabric.js" data-cover></script> <canvas id="canvas" width="600" height="600"></canvas> <script&
浏览 26
提问于2017-07-11
得票数 0
1
回答
如何通过避免冗余和SVG元素来应用SVG滤波器feGaussianBlur?
svg
、
svg-filters
我使用SVG过滤器 feGaussianBlur 在我的申请中。通过测试几种配置,如果我添加相同的SVG形状并将过滤器应用到它,我最喜欢这种效果。 是否有一种简单的方法可以通过将过滤器(带有特定参数)应用于目标SVG形状(以避免创建冗余和SVG元素)来实现相同的结果? 见下面的例子。我最喜欢第三圈。但是,它是通过在彼此之上添加多个圆圈来创建的。 <!-- Learn about this code on MDN: https://developer.mozilla.org/en-US/docs/Web/SVG/Element/feGaussianBlur --> &l
浏览 1
提问于2019-08-18
得票数 0
回答已采纳
1
回答
Chrome 47中的SVG过滤器停止工作
html
、
google-chrome
、
svg
、
svg-filters
我用如下的结构定义了我的自定义svg元素: <svg> <defs> <filter id="myFilter"> ... </filter> <pattern id="myPattern"> ... </pattern> </defs> <rect width="100" height="100" class="myRect"></rect> </svg> .myR
浏览 6
提问于2015-12-09
得票数 0
回答已采纳
1
回答
使用svg的透明渐变蒙版
javascript
、
html
、
css
、
svg
我需要一些关于svg的帮助。有一个“背景图像”。另一个“图像”覆盖在它上面。“图像”必须要有一个洞,这样背景图像才能照亮。我使用svg实现了这一点: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Title of the document</title> <style> body{ background-repeat: no-repeat; background-size: cover;
浏览 24
提问于2017-08-01
得票数 0
1
回答
SVG过滤器嵌入阴影在Safari中不工作
css
、
svg
、
safari
、
svg-filters
你好,我试图应用这个svg嵌入阴影过滤器到我的div。Chrome运行良好,而Safari则不行。 这里是svg过滤器: <filter id="inset" primitiveUnits="objectBoundingBox" x="0%" y="0%"> <feOffset dx="0.00" dy="0.00"></feOffset> <feGaussianBlur stdDeviation="0.1" result="
浏览 0
提问于2018-03-06
得票数 1
1
回答
SVG文本不显示在html文件中
html
、
css
、
animation
、
svg
我已经使用Figma来创建一些动画文本,右击-> copy as SVG并插入到一个html文件中,但是当我刷新网页时,文本并没有显示出来,只是在html文件中的图像下出现了一个白色条纹。你能帮帮我吗?这太令人沮丧了。 现在,SVG动画的代码非常长,充满了数字,所以我将为您简单地介绍它 @import './birds-animation'; body { position: relative; height: 100vh; width: 100vw; padding: 0; margin: 0; } <!DOCTYPE
浏览 2
提问于2020-03-14
得票数 0
1
回答
如何使用SVG中的"stdDeviation“创建高斯模糊效果?
svg
、
svg-filters
我正在尝试将高斯模糊应用于Firefox中的png图像。对于WebKit浏览器,我使用CSS3过滤器属性。在CSS中,我使用了2px的模糊效果,但是如何在SVG中用"stdDeviation“创建同样的效果呢?谢谢!
浏览 0
提问于2012-11-03
得票数 1
4
回答
如何使用svg在矩形周围创建“光晕”?
svg
、
svg-filters
我有一些类似以下的东西: <svg id="svgLogo1" style="left:0; top:0; position:absolute" width="980" height="80" viewBox="0 0 980 80" xmlns="http://www.w3.org/2000/svg"> <rect x="0" y="5" width="980" height="54
浏览 1
提问于2012-03-09
得票数 29
1
回答
尝试在SVG中嵌套appendChild
javascript
、
svg
、
nested
、
appendchild
基于此: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
回答已采纳
1
回答
d3.js -与d3.js等效的svg过滤器
svg
、
d3.js
、
svg-filters
我从svg文件中得到了下面的svg过滤器: <defs> <filter height="300%" id="blurfilter" width="300%" x="-1" y="-1"> <feGaussianBlur result="blurOut" stdDeviation="2.0" /> <feColorMatrix in="blurOut" result=
浏览 24
提问于2021-07-05
得票数 3
回答已采纳
2
回答
为什么我的svg在div中不可见
html
、
css
、
svg
我想在div中显示一个svg元素,但是我放置在div中的svg根本看不见。 如何使svg在div中可见? <div style="height:100px;background:yellow;"> <div style="float:left;background:orange;"> <svg viewBox="0 0 100 100"> <title>svg arrow with dropshadow</title> <desc>An svg exa
浏览 1
提问于2013-07-30
得票数 1
回答已采纳
1
回答
是否有可能动态地扭曲SVG文本?
html
、
css
、
svg
是否有可能动态地扭曲SVG文本? 例如,您可以应用基于某些时间数据的移动参数的吗? 谢谢。
浏览 5
提问于2017-04-07
得票数 0
回答已采纳
1
回答
在svg剪辑路径上应用过滤器
svg
、
svg-filters
、
clip-path
我想在svg剪辑路径上应用一个过滤器。 这是我的密码 <svg> <filter id="filter"> <feGaussianBlur stdDeviation="10"></feGaussianBlur> </filter> <clipPath id="clip-path"> <rect width="200" height="100" x="0" y="
浏览 2
提问于2016-06-03
得票数 1
回答已采纳
1
回答
顶部和左侧站点上的svg阴影不存在
svg
、
shadow
我有一个svg,其中包含一个大的D,我想要一个css文本阴影效果,而不使用css。只有svg。我创建阴影使用一个过滤器,但它是在顶部和左边的网站不存在。我怎么才能解决呢? <?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 744 810"> <g id="d.svg" transform="ma
浏览 3
提问于2015-09-04
得票数 0
回答已采纳
1
回答
为什么SVG过滤器不适用于我的代码中的HTML元素?
html
、
css
、
svg
、
filter
通过在Inkscape v0.91中应用过滤器,我创建了一个很好的svg框架。我也想把它应用到HTML元素中。但是我做不到。我原以为div元素会像svg的rect元素一样变成一个框架。你能解释一下为什么svg过滤器不适用于div元素吗?许多人似乎能够将svg过滤器应用于html元素。 <html> <head> </head> <body> <div style=" background-color: aliceblue; width: 300px; height: 300px; filter: ur
浏览 2
提问于2016-05-30
得票数 2
回答已采纳
2
回答
svg滤波器阴影路径修复
css
、
svg
、
svg-filters
我该如何弥补阴影之间的差距?我希望影子是连续的,而不是间歇性的。阴影应该是一条黑线,没有任何空格。 这就是我的例子: .wave-container { position: absolute; width: 100%; height: 100%; color: #fff; padding: 8px; padding-bottom: 50px; display: flex; flex-direction: column; justify-content: center; text-align: center;
浏览 0
提问于2018-11-23
得票数 2
回答已采纳
1
回答
SVG过滤器url在angular 4中不起作用
html
、
css
、
angular
、
svg
您好,我在Angular中使用SVG绘制了一条线,并使用了一些用于发光效果的滤镜,但滤镜url在浏览器中不起作用,当我执行"ng serve“时,它不会显示任何内容。但是相同的svg在独立的svg文件中工作得很好。 <svg height="300" width="824"> <g class="svgWrapper" transform="translate(412,150)"> <defs> <filter id="glo
浏览 5
提问于2018-02-13
得票数 0
2
回答
SVG:阴影的颜色
colors
、
svg
、
shadow
、
svg-filters
我想在SVG中写一个带有红色阴影的简单矩形。我有一个简单的过滤器: <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="1012" height="400"> <title>svg arrow with dropshadow</title> <desc>An svg example of an arrow shape with a dropshadow filter applied. The dropsha
浏览 1
提问于2011-11-01
得票数 8
回答已采纳
1
回答
如何用span元素在svg中呈现阿拉伯文本?
html
、
svg
我试图通过替换span元素中的英文单词来显示阿拉伯文本。但它却被它的话语所取代。 我已经尝试过在svg属性中添加direction : lang,unicode。它更改为RTL,但没有更改顺序。 请参阅这个摆弄 英语单词的预期输出。 <!DOCTYPE html> <html> <head> <title>SVG with english words</title> </head> <body> <svg id="container_svg" width="117.5"
浏览 0
提问于2019-01-03
得票数 2
回答已采纳
1
回答
SVG模糊滤波边缘伪影
svg
、
svg-filters
当我将模糊过滤器应用于svg图像时,它会模糊边缘,因此它们变得不透明(见左示例)。我想要的是模糊它没有这样的人造物(见正确的样本)。我通过黑客解决了这个问题:复制相同的翻转图像,并将它们放置在4面。 还有更好的办法吗? 请注意,我不能只是使图像大的5-10%,大小应该是相同的原始图像。 这是我的svg: ... <filter id="blur"> <feGaussianBlur in="SourceGraphic" stdDeviation="4"></feGaussianBlur> </filter
浏览 0
提问于2014-06-25
得票数 5
回答已采纳
2
回答
如何在SVG中制作插图投影
css
、
svg
、
svg-filters
我需要做一个带有嵌入投影的盒子,就像CSS3有嵌入的盒子阴影一样。到目前为止,我发现的是一个带有feGaussianBlur的滤镜,但问题是它还会在框外添加一个阴影,这是我不想要的。这是我到目前为止得到的代码: <svg> <defs> <filter id="drop-shadow"> <feGaussianBlur in="SourceAlpha" result="blur" stdDeviation="5" />
浏览 0
提问于2013-12-26
得票数 12
回答已采纳
1
回答
SVG:出现在图像顶部的过滤器
html
、
css
、
svg
、
svg-filters
我有一个带有下降阴影的svg加载程序,但是由于某种原因,阴影出现在图像的顶部,有效地隐藏了它。有人能指出我哪里出了问题吗? <div class="loader"> <div class="svg-favicon"> <svg version="1.1" id="full_x5F_image" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x=
浏览 0
提问于2017-05-24
得票数 0
回答已采纳
1
回答
是否有可能使HTML/成为bezier曲线的一部分?
html
、
css
、
svg
、
polyline
、
bezier
下面是我的代码: <svg height="200" width="500"> <polyline points="20,20 40,25 60,40 80,120 120,140 200,180" style="fill:none;stroke:black;stroke-width:3" /> </svg> 它绘制了以下折线: 然而,我试图实现的(为了随后动画的polyline)是一条带有嵌入bezier曲线的polyline: 这有可能吗?如果
浏览 2
提问于2015-12-19
得票数 0
回答已采纳
1
回答
动态替换SVG中的图像元素
javascript
、
html
、
image
、
svg
、
dom-events
我想替换一个SVG标签的图像元素。我希望每次调用controller.js中包含图像的对象时,都会获取此图像,并将此图像表示为SVG在不同文件中的模糊背景图像,该文件名为default.js。 我怎么发动汽车呢? default.html: <div id="backgroundImage"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs>
浏览 2
提问于2012-10-07
得票数 1
回答已采纳
3
回答
如果应用过滤器,SVG就会消失。
html
、
css
、
svg
我一直在网站上玩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
回答已采纳
1
回答
svg中模糊圆的错误渲染
svg
我想在svg中画一个模糊的圆圈,但如果使用更高的stdDeviation值,它将被裁剪。 我尝试了几个属性,比如"feGaussianBlur“标签上的"edgeMode”,或者"circle“和"filter”标签上的“width=”150%“”和“height=”150%“”,但都没有用。 有什么想法吗? <?xml version="1.0" encoding="utf-8"?> <svg viewBox="0 0 200 200" xmlns="http://www.w3.org
浏览 34
提问于2019-01-23
得票数 2
回答已采纳
1
回答
如何使用svg制作一个侧面像圆角三角形的圆角图像?
javascript
、
html
、
css
、
svg
我想像下面这样剪辑我的图像。 ? 正如你在上图中看到的,箭头在右边。我想要的代码,它可以在任何一边的左边或右边。不希望箭头同时出现在两边。此外,我希望代码是通用的。我的意思是,我不希望它只适用于特定大小的图像。 我尝试了很长一段时间,但我不太擅长svg路径,所以我失败了。 目前,我已经完成了以下工作。 #image { padding: 0; -webkit-clip-path: url(#clip); clip-path: url(#clip); border-radius: 20px; background-color: red; }
浏览 41
提问于2021-05-06
得票数 0
1
回答
SVG过滤器的动态注入及其在HTML中的应用
javascript
、
html
、
css
、
svg
、
svg-filters
我正在尝试将SVG过滤器应用到HTML中。如果一切都是硬编码的话,这是可行的,尽管我需要-webkit-filter的CSS id来表示铬。当尝试使用javascript动态创建带有过滤器的SVG元素时,它将失败。有人能解释原因吗? 到目前为止,我的情况如下: 第一个图像和文本对在chrome和firefox上是模糊的,而第二个则不是。 摘录不起作用: .dynamic div { -webkit-filter: url('#f2'); filter: url('#f2'); } ... var svg = document.createEl
浏览 3
提问于2013-12-02
得票数 7
回答已采纳
3
回答
如何在一个混合在一起的三角形中设置3个点创建svg梯度
html
、
css
、
svg
、
gradient
<svg id="color-gradient" width="400" height="400" version="1.1" xmlns="http://www.w3.org/2000/svg"> <defs> <linearGradient id="gradient" x1="0" x2="0" y1="0" y2="1"> <stop offset=
浏览 1
提问于2019-06-21
得票数 3
回答已采纳
2
回答
如何用draw.io绘制直角连接器和端点
draw.io
我想在连接器中画出直角的电路,但是我不能在draw.io中看到这个选项,它们总是圆形的。 大多数电路都有直角..。一个简单的示例http://wpcontent.answcdn.com/wikipedia/commons/thumb/6/67/Resistors_在……里面_系列_和_并行./195 parallel.svg电阻_在……里面_系列_和_parallel.svg.png 作为端点(参见上面的示例),我现在使用的是BPMN开始图标。
浏览 0
提问于2014-08-30
得票数 5
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
SVG实现可爱的动物哈士奇和狐狸
CSS3 SVG实现可爱的动物哈士奇和狐狸动画
西驰电气SVG在电池储能行业的应用
对SVG动画进行异步懒光栅化处理每日前端夜话
微信支付核心订单系统的架构是怎样实现的?
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券