腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
从
svg
中
删除
viewbox
/
容器
、
我使用
SVG
生成器在线创建了一个
SVG
,但
SVG
总是在某个
容器
中
。我想让这个
SVG
成为我的徽标,但由于它是在一个
容器
中
,
SVG
中
的字母甚至更小,在导航栏
中
的徽标大小几乎无法读取。将
SVG
作为导航栏徽标是一个好主意,还是我应该坚持使用图像?我想知道是否有一种方法可以
删除
SVG
的外部
容器
,以便
SVG
中</e
浏览 22
提问于2020-04-21
得票数 0
1
回答
将
SVG
缩放到它的
viewBox
或更小
、
我有一个内联<
SVG
>,它定义它的
viewBox
,但不定义它的height或width。我曾经在创建
SVG
时将width/height设置为与
viewBox
相同的值;好处是最终的图像缩放到
SVG
的自然单位,这是我想要的;问题是固定的width/height可能会使最终页面
中
的父
容器
溢出。
从
<
SVG
>
中
删除
SVG
会使图像渲染到父
容器
浏览 2
提问于2018-07-23
得票数 0
1
回答
全视口中的
SVG
图像
、
、
、
我有这种扭曲的
SVG
,它描绘了一个欧洲的形象。这是一系列不良行为的结果。我也不太擅长
SVG
..。 <script type="text/javascript"></script> id="europe-
svg
" align: xMidYMid widthrect10148&q
浏览 3
提问于2017-12-15
得票数 0
2
回答
在火狐中用jQuery动画显示
SVG
图像的宽/高不正确
、
、
、
下面是我正在做的一个最小的工作示例,它在Chrome和Safari
中
工作得很好。编辑:
从
Chrome17开始,Chrome表现出与火狐相同的行为,如下所述;有必要设置preserveAspectRatio="none"以获得所需的行为。显然,Chrome
中
的前一个行为是一个错误(在
中
描述)。 <!DOCTYPE
svg
PUBLIC "-//W3C//DTD
SVG
1.1//EN"
浏览 2
提问于2012-02-03
得票数 0
回答已采纳
2
回答
使div
容器
调整为
svg
高度
、
我有这个
svg
文件<
svg
width="210mm" height="297mm" version="1.1"
viewBox
="0 0 210 297" xmlns="http://www.w3.org/2000>#
svg
-container
浏览 0
提问于2020-10-15
得票数 1
1
回答
缩放元素到像素大小
、
我有一个动态大小的
SVG
元素。我想按需要将它及其内容缩放到,一个特定像素大小(而不是像素)。这是无效的:我对
SVG
的了解是中等的,所以也许有一个更好的方法,但是在绘制内容之后设置
SVG
元素的高度/宽度只会导致其内容被遍历,因为它们是“绝对的”有了JS,您就可以得到相对大小:const scaleY = targetHeight /
svg</
浏览 4
提问于2022-03-30
得票数 2
回答已采纳
1
回答
将
SVG
调整为其父宽度的100%并保持其纵横比不变
、
我想有一个
SVG
图像,有它的父div的宽度,高度应该是其宽度的14%。以下代码在Firefox中有效,但在Chrome
中
不起作用: xml:space="preserve"
viewBox
="-1 -10 242 33"> ...</
浏览 4
提问于2014-11-30
得票数 0
3
回答
将
SVG
ViewBox
设置为宽度和高度
、
、
、
我真的不能理解
viewBox
是如何工作的,我读了很多关于它的文章,但我想知道如何确保它适合这个例子的外部
容器
: <div class="container"><rect x="0.5" y="0.5" width="1200" height="800" fill="#19dddd"/&
浏览 56
提问于2020-09-02
得票数 0
2
回答
将
SVG
嵌入HTML
、
我需要将
SVG
文件嵌入到HTML文件
中
,
SVG
的尺寸要大一些。因此,我需要将
SVG
的大小调整为屏幕分辨率。有没有办法做到这一点?谢谢。
浏览 1
提问于2011-10-15
得票数 1
回答已采纳
1
回答
SVG
getScreenCTM不考虑火狐
中
的CSS转换。
、
、
、
我试图使用以下方法计算
svg
的单击事件的
viewBox
坐标 .matrixTransform(
svg
.getScreenCTM().inverse()); 我的
svg
生活在一个被CSS转换(翻译)的
容器
中
。在Chrome
中
,一切都很好,在火狐
中
,只有当我
删除
CSS-转换时,才能计算出正确的
viewBox
浏览 2
提问于2022-03-06
得票数 1
1
回答
在css
中
添加
Viewbox
值的任何其他方法
、
我想添加动态控制Google Geochart
svg
的
Viewbox
值。此
svg
不适合IE浏览器
中
的
容器
不使用
viewbox
属性有没有办法控制
svg
使其适合div
容器
浏览 0
提问于2014-08-01
得票数 0
1
回答
如何使
SVG
视图框宽作为其
容器
?
、
、
、
我想弄清楚,但有很多麻烦: <
svg
width="100%" height="100%"
viewbox
="0 0 100 100"><circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yel
浏览 3
提问于2018-05-01
得票数 1
1
回答
如何移除
svg
容器
并将其内容放入组(例如id= g8 )?
、
、
、
如何移除
svg
容器
并将其内容放入组(例如id= g8 )?var content1 = select('
svg
1').removeChild('all');我需要
删除
svg
容器
: <
svg
xmlns="http://www.w3.org/2000/
svg
" fill-rule="ev
浏览 3
提问于2014-07-15
得票数 0
回答已采纳
1
回答
使用文本缩放
svg
以适应
viewBox
、
因此,很容易使
viewBox
变得太小,然后文本在
viewBox
之外消失。但是,如果
viewBox
太大,那么还会有大量额外的空格进行缩放。有没有一种方法可以缩放
viewBox
或
svg
内容以适应它?我知道preserveAspectRatio可以将
viewBox
缩放到
svg
的宽度和高度,但我问的是如何缩放以适合
viewBox
。 更一般地说,如何确定文本的
viewBox
维度?
浏览 23
提问于2019-06-14
得票数 0
回答已采纳
2
回答
如何在react gatsby
中
调整大小和
svg
徽标?
、
、
、
我一直试图在不使
容器
本身变大的情况下调整这个徽标的大小。我完全被困住了,不知道该怎么办。使用内联样式<
svg
viewBox
="0 0 493.19 493.19" width='400'height='400'>修改徽标
svg
文件会产生上述结果。
浏览 0
提问于2020-08-28
得票数 1
1
回答
将整个
SVG
完美地夹在
容器
div
中
?
、
、
我在
容器
中有一个
SVG
元素,如下所示: <
svg
class="
svg
" xmlns="http://www.w3.org/2000/
svg
" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox
="0
浏览 1
提问于2016-11-17
得票数 2
回答已采纳
2
回答
SVG
不适合父
容器
,preserveAspectRatio未按预期工作
、
、
我有一个
SVG
,我希望扩展到它的父
容器
的大小。为了论证起见,我们假设父
容器
是width: 10rem; height: 10rem;,我希望如下所示:在
SVG
上,将
SVG
大小调整到其父
容器
,并将其中心放在X轴和Y轴上。这是不起作用的,我还在尝试探索
viewBox
的神奇运作方式。例如,我做的数字越小(
浏览 1
提问于2018-05-15
得票数 1
回答已采纳
1
回答
如何自动移除/禁用宽度100%?
、
、
、
我不知道为什么
svg
标签总是给出宽度100%的样式。 /*-webkit-touch-callout: none; -khtml-user-select: none; -ms-user-select: none; /* Trying to get
SVG
to act like
浏览 2
提问于2014-08-22
得票数 0
2
回答
为什么React呈现这些
SVG
的方式不同?
、
如果我将
SVG
元素呈现到一个已定义的
SVG
对象
中
,那么一切都很好。 如果我渲染整个
SVG
对象,结果图像不会缩放。 如果你看下面的演示,你会发现第一个
svg
渲染正确。
svg
填满了浏览器的宽度,一切都会缩放。 第二个
svg
是一个300x150的图像,根本不能缩放。
SVG
2() { <
svg
viewbox
={"0 0 600 600"}> <
浏览 32
提问于2019-06-22
得票数 1
2
回答
SVG
封面父母
、
、
我使用以下命令创建了一个
svg
标记:var elem = document.createElementNS(NS, "
svg
10px black; }<div id="parent" class="parent"></div> 但是这
浏览 7
提问于2013-08-02
得票数 0
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
删除容器镜像仓库中的容器镜像到底有多难?
CSS基础(九)-viewBox(svg
前端福音:为什么使用React和SVG开发图形UI是天作之合?
Instagram 从主流中删除购物标签
解决access多表删除查询中 无法从指定的数据表中删除 的错误提示
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券