腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(885)
视频
沙龙
2
回答
内联
SVG
不能
缩
放到
父
级
、
、
我正在尝试使用
svg
来模拟剪辑路径,因为跨浏览器的支持不是很好,但每次尝试都会遇到相同的问题:
svg
可以工作,但它很小,并且
不能
缩
放到
我要应用它的元素。</div> </div> <
svg
xmlns="http://www.w3.org/2000/
svg</em
浏览 1
提问于2017-02-02
得票数 0
回答已采纳
1
回答
将
SVG
缩
放到
它的viewBox或更小
、
我有一个
内联
<
SVG
>,它定义它的viewBox,但不定义它的height或width。我曾经在创建
SVG
时将width/height设置为与viewBox相同的值;好处是最终的图像缩
放到
SVG
的自然单位,这是我想要的;问题是固定的width/height可能会使最终页面中的
父
容器溢出。从<
SVG
>中删除
SVG
会使图像渲染到
父
容器允许的最大尺寸,这几乎总是大于width/heigh
浏览 2
提问于2018-07-23
得票数 0
3
回答
包括通过
SVG
使用和缩放的外部
svg
、
我目前在
svg
中首次亮相,并且正在进行实验。<use xlink:href="/assets/
svg
/fingerprint_2.
svg
#fingerprint"></use> </body> </html现在的问题是,包含了外部
svg
,但
不能
缩放以适应#parent
svg
。我真的
不能</em
浏览 3
提问于2015-12-20
得票数 0
1
回答
如何强制子元素遵守“`flex: nowrap;` CSS指令”
、
、
、
溢出的
svg
路径元素,其长度现在已经被物理缩减,以匹配包含的
svg
:
svg
元素的限制。 是否有一种通用的方法来确保灵活行现在的行为取决于屏幕上实际可见的内容,而不是包含(或兄弟
级
)块
级
元素,比如section或div,或者更宽的overflow: hidden;子
svg
line或注:有关本主题的其他问题/答案与文本有关,而非章节、div或
svg
。 理论上,所有动画都由
父
浏览 0
提问于2014-08-14
得票数 0
回答已采纳
2
回答
试图使DIV中的多边形响应
、
、
、
、
<div class="textInfo">Test</div> <div class="triangle"> <polyline fill="#CC0000" points="0,0 0,200 300,0"/>
浏览 2
提问于2018-01-23
得票数 0
回答已采纳
1
回答
尝试使用
svg
精灵
不能
在我的模板上使用
SVG
精灵。我在谷歌上搜索了很多次,但发现解决方案对我不起作用。当我使用: <use xlink:href="icons.
svg
#icon"></use>浏览器显示“卷影根已关闭” 当我尝试使用
SVG
作为
内联
时,
SVG
标记中的g标记远离
父
SVG
标记。如何使我的
SVG</
浏览 0
提问于2019-02-18
得票数 1
1
回答
通过<img>在
SVG
中使用CSS-变量
、
、
、
我有一个
SVG
,我现在通过<img src="foobar.
svg
">显示它。
父
HTML有一些与CSS相关的CSS,它定义了我在
SVG
中需要的变量。
SVG
有一个<style>来热链接这个。
父
变量中定义的CSS-变量似乎对
SVG
不可用。有什么办法让它起作用吗?我
不能
仅仅复制CSS;作为最后手段,我可以将
SVG
内联
到HTML中。link rel="stylesheet
浏览 2
提问于2018-08-24
得票数 2
回答已采纳
2
回答
为什么100%等于150像素?
、
、
这是
SVG
的怪癖还是更一般的?<table class="root" cellspacing="0"> <td> <text x="0" y="6.5" font-si
浏览 6
提问于2016-04-17
得票数 0
回答已采纳
1
回答
将
SVG
调整为其父宽度的100%并保持其纵横比不变
、
我想有一个
SVG
图像,有它的
父
div的宽度,高度应该是其宽度的14%。以下代码在Firefox中有效,但在Chrome中不起作用: xml:space="preserve"在Chrome中,宽高比是1,所以
svg
内容在正方形的顶部,下面有很多空格。我需要
svg
文件是
内联
的,这样我就
不
浏览 4
提问于2014-11-30
得票数 0
1
回答
CSS动画不适用于
内联
显示属性?
、
、
、
、
说到这里,我也把一些动画应用到了那个特定的容器上,但是我在动画的显示上遇到了困难:
内联
. 如果没有显示:
内联
,动画效果很好,但是如果您单击另一个选项卡,应该出现的内容-不存在。使用显示:
内联
,动画不工作,但选项卡工作,并显示他们应该。
浏览 3
提问于2014-06-06
得票数 2
1
回答
`inline` prop和`SVGTooltip`是否不兼容?
尝试以
内联
方式呈现SVGTooltip,但似乎未在
SVG
中呈现该html。这是不是一个属性不兼容的问题?我已经查看了工具提示的源代码,它由span、div和其他html元素组成,如果不使用foreignObject标记作为
父
元素,这些元素就
不能
在
SVG
中绘制吗?
浏览 0
提问于2017-08-03
得票数 1
5
回答
响应
内联
SVG
-
svg
的内容必须填充
父
级
宽度
、
、
目标: webkit添加了一个神秘的填充/高度(在本例中,填充位于
svg
元素中),
SVG
元素的高度应该是自动的,并包装内部的
svg
内容。主要问
浏览 6
提问于2013-05-29
得票数 38
4
回答
将
父
div的宽度等于等宽的子元素/div
、
、
据我理解,如果未定义div的宽度和高度属性,则
父
div将等于排列好的子元素宽度和高度属性的结果。div的宽度应该是子
SVG
的宽度(因为它是最宽的),div的高度应该是子div的高度(其中2)和
SVG
的高度。JQ正在发挥作用,因此在用户操纵on表示的大小后,其他用户将重新呈现自己。看来这个问题也可能与
SVG
本身有关。我没有在
SVG
上定义宽度和高度属性,而是在CSS上定义了
浏览 2
提问于2013-08-28
得票数 0
回答已采纳
6
回答
防止两个<form>标记之间的<form>行中断
、
我想防止我拥有的两种形式之间的断线。<form action="..."></form><form action="..."></form>
浏览 1
提问于2010-10-04
得票数 18
回答已采纳
2
回答
为什么我的
SVG
图标没有居中?
、
我在
父
框中有一个
SVG
图标。只要我开始向
父
级
添加填充,
SVG
图标就会捕捉到靠近框底部的位置。你知道为什么吗?相关html: <
svg
viewBox="0 0 32 32" height="100%" width="100%"> </
浏览 9
提问于2014-06-25
得票数 0
1
回答
Firefox34.0.5中的CSS3刻度不适用于<a>
、
、
、
我有一个关于使用CSS3比例转换的查询。有人能解释为什么这种比例转换在Firefox (目前使用34.0.5)中不起作用,而在Opera中工作吗?<a href="#">hover me!</a>a { -moz-transform: scale(1); -o-transform: scale(1); -webkit-
浏览 4
提问于2014-12-11
得票数 1
回答已采纳
2
回答
div可以旋转,span
不能
旋转,但它可以动画转换
、
、
尤其是当过渡顺利,但最终却
不能
保住职位的时候。
浏览 4
提问于2015-07-19
得票数 6
回答已采纳
2
回答
CSS规范:块
级
框、块容器盒和块框。
我正在阅读,发现这些概念很难区分:
浏览 0
提问于2015-06-17
得票数 13
回答已采纳
1
回答
有没有办法给嵌入式
SVG
添加一个类?
、
、
我正在建立一个网站,有一个嵌入的
SVG
标志在顶部。当它自己绘制时,它有一个漂亮的动画。虽然在测试中,动画会让人分心,因为它在每个页面上都有动画效果。我在
SVG
中添加了一个类,如果它有它是动画的,如果它没有那个类,它就不会动画。或者,即使showAnimation类位于任何
父
类上,也可以正常工作。我不想
内联
SVG
文件,然后在每个页面上重新加载整个内容。 长话短说:我正在寻找一种在
SVG</e
浏览 0
提问于2014-12-24
得票数 0
2
回答
内嵌盒与原子内嵌盒的区别
、
考虑以下代码: display: inline-block;div块现在是生成原子内嵌
级
框。正如在中所说的 所
浏览 5
提问于2014-02-04
得票数 1
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
从Chrome源码看浏览器如何计算CSS
SVG之旅:SVG的图层和渲染顺序
CSS水平和垂直居中技巧大梳理
SVG实现可爱的动物哈士奇和狐狸
CSS3 SVG实现可爱的动物哈士奇和狐狸动画
热门
标签
更多标签
云服务器
ICP备案
对象存储
腾讯会议
云直播
活动推荐
运营活动
广告
关闭
领券