1回答
如何在.svg_wrapper中水平居中显示此SVG
<div class="svg_wrapper"> <stroke-dashoffset" from="0" to="600" dur="2s" repeatCount="1" fill="f
浏览 13提问于2014-07-21得票数 3
回答已采纳
我一直在使用嵌套的<svg/>和<g/>元素在浏览器框架中居中显示图形。外部svg元素的宽度和高度均为100%，内部元素的x和y设置为50%。内部g元素的偏移量为图像大小的一半。嵌套的SVG方法似乎与不兼容，这会让人感到困惑。我如何使用矩阵转换来初始化我的<g />？((
浏览 4提问于2012-03-06得票数 0
回答已采纳
我正在尝试格式化一系列标签和svg元素；但是，我似乎无法正确地对齐。到目前为止，我已经搜索了各种css对齐策略，但一无所获。下面的代码生成了一个标签和一个文本居中的框。我希望标签文本和框中的文本垂直居中到同一行。目前，它们被抵消了一点。我还注意到两个元素周围的边距不一致(边框和顶部之间的间距小于边框和底部之间的间距)，这可能会导致一些未对齐。理想情况下，我希望消除元素周围的所有边距/填充，并将它们适当地居中。 <div id="parent">
浏览 2提问于2016-05-27得票数 0
2回答
我使用的是库："react-native-svg"："12.1.0“& "react-native-svg-transformer"："0.14.3” import FooIcon from '../assets/images/icons/fooIcon.svg';
<FooIcon><
浏览 51提问于2021-01-08得票数 0
回答已采纳
2回答
你能帮助我理解为什么我的svg拒绝调整高度来帮助我在div容器中垂直居中吗？其主要思想是将svg水平和垂直居中放到一个div中。我试试这个： <svg id="svg-1" height="50%" width="50%&
浏览 1提问于2016-09-10得票数 26
回答已采纳
3回答
我希望能够制作一个包含整个浏览器屏幕的<svg>容器(也就是所有不是标签、工具栏等的东西)。所以如果你看这张图片，我希望<svg>占据页面底部选项卡工具栏下面的所有东西(是视口还是窗口？).height(); d3.select("body").append("svgwindow.screen.availWidth);
//aler
浏览 0提问于2013-07-03得票数 0
我一直在使用内联svg进行平移和缩放：我已经用所需的svg实现了一个相对较好的svg -svg zoom库，但是我不知道为什么该库用来缩放和平移svg的元素不是完全居中，而是稍微向右移动我尝试使用类选择器(.svg-.svg zoom_viewport)通过CSS重新调整水平对齐，但什么都没有移动。也许我需要在js中更改一些东西，但我一直在检查它，显然所有东西都是居中的。
谢谢!
浏览 2提问于2015-01-04得票数 0
当我将绝对图像添加到图像时，图像是居中的。 return ( <img bottom: 0,
margin: &#
浏览 0提问于2021-03-11得票数 0
1回答
对于我的wordpress主题，我使用了svg图标，它工作得很好，当然firefox也会有一些问题。如果我的图标(16px X 16px)在一个水平居中的容器中，它们会变得模糊。(chrome很好)这是它们不居中时的外观：
我的Container通过自动边距:0居中，宽度为1170px。我个人认为这有点像good ol Flash的问题，当你将一些东西居中，然后图片可能会坐在像145.5这样的半像素值上，然后变得模糊。你们知道解决这个问题
浏览 2提问于2013-07-11得票数 2
我设法做到了，这样SVG就可以在宽度调整时适应，但是我遇到了身高问题。svgMap.style.height=y; updateWindow();这样做是将SVG这在某种意义上是用浏览器窗口的高度作为SVG的中心。并不是很好，它在移动设备上搞砸了，几乎增加了一个奇怪的最高利润。它还使SVG稍微小一些，除非我将"y“乘以大于1的某个值。您可以在这里查看演示：
并且演示的w/o高度中心在这里
浏览 2提问于2013-07-29得票数 0
3回答
我尝试在父元素中居中SVG元素。然而，我发现Chrome和Safari之间存在差异。在Chrome上，下面的代码可以很好地将文本在正方形内居中，但在Safari上则不然： <g transform="translatestyle="fill: white" transform="scale(2)">
<tspan&g
浏览 2提问于2017-02-02得票数 2
原因似乎是因为它的viewBox定义了一个24x24的容器，而唯一可见的路径是定义了一个79.17x83.33的容器(如果你在Google Chrome中检查SVG，你就会看到它)。假设这个假设是正确的，你如何校正viewBox，这样就不会有额外的填充，希望这会导致飞机居中？还有其他答案建议重新定位/转换SVG以使其居中，但这不是目标。其目标是修改viewBox，移除可见元素周围的额外填充，并允许SVG自然地居中而不进行转换。
最终目标是确保SVG居中
浏览 10提问于2019-11-22得票数 1
1回答
.svg-wrapper { position: relative; border-radius: 3px;margin-top: -42px; color: black; color: black;}
stroke-width: 3px;
浏览 13提问于2021-05-15得票数 1
1回答
SVG中的放大和居中形状
、、、
我很难在SVG中形成使svg形状居中的逻辑。viewBox缩放功能很好，但是我很难使用viewBox来处理形状的居中问题。代码如下：const svg = document.getElementsByTagName( "svg" )[ 0];
const t = document.getElementsByClassName( "templateP
浏览 1提问于2017-03-01得票数 0
回答已采纳
2回答
我有这样的代码：<div class="gBox">
<svg width="100%" height="300" fill="black" stroke="#9966cc" stroke-widthcircle class="myCircle" transform="rotate(150 200 200)" cy="120" r="120" pathLength
浏览 2提问于2022-01-03得票数 0
我的第二个问题是，无论我怎么尝试，当在智能手机上显示时，我从来没有成功地使折叠的菜单列表居中对齐。(但社会部分正确居中(但在另一个div中)) <div class="collapse navbar-collapse" id="navbarSupportedContent1" style="margin-top: 103px;">
浏览 0提问于2020-04-28得票数 0
和解释了如何显示多行文本，以及如何使用SVG对一行文本进行居中，但是如何对多行文本进行居中呢？
从中可以看到，文本块没有居中，因为dy属性是显示多行所需的。目标是允许动态插入/删除行，同时保持文本块的居中性质。因此，用户可以添加第四行或删除两行。在这两种情况下，文本块应该保持居中。<svg style="border:1px solid black" width="200" height="300&quo
浏览 3提问于2018-12-18得票数 1
回答已采纳
2回答
居中SVG组元素
、、
我正在尝试使用下面的代码在svg元素中使用d3居中具有text和tspan的svg元素。 var rootSVGSize = d3.select("svg.root-svg").node().getBoundingClientRect()
var dataLabelSize = d3.selectclass="root-svg" width="180" height="200" style="bo
浏览 45提问于2019-03-10得票数 2
回答已采纳
1回答
svg图标与后台重叠。
、、、
但它们应该与svg交换。此外，图标和文本应该始终居中。这不是通过旧的修订来实现的。下面是一个，svg 更新了
浏览 0提问于2019-07-02得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
