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&qu
浏览 45提问于2019-03-10得票数 2
回答已采纳
我有这个group元素和一个文本节点：var legend_text = legend.append('text').attr实际上，在文本节点之后动态创建的group元素中还有其他子节点(这些其他元素决定group元素的宽度)。
如何在group元素内居中定位文本节点？
浏览 0提问于2015-12-02得票数 1
我一直在使用嵌套的<svg/>和<g/>元素在浏览器框架中居中显示图形。外部svg元素的宽度和高度均为100%，内部元素的x和y设置为50%。内部g元素的偏移量为图像大小的一半。嵌套的SVG方法似乎与不兼容，这会让人感到困惑。
只有当我从左上角的图形开始时，SVGPan才能工作。我想我必须编写一个在加载/加载SCG时运行的脚本，以添加一个转换，以与SVGPan兼容的方式将顶层g居中
浏览 4提问于2012-03-06得票数 0
回答已采纳
1回答
我正在尝试将一个内部有一棵d3树的组居中。svg目前恰到好处地横跨浏览器，我只是想让动态加载的树保持在svg元素的中心。所有树元素都在一个组中，并具有缩放侦听器和平移功能。<svg width="1535" height="685" overflow-y="hidden" class="overlay">
<g transform="tr
浏览 3提问于2017-09-06得票数 3
我正在尝试格式化一系列标签和svg元素；但是，我似乎无法正确地对齐。到目前为止，我已经搜索了各种css对齐策略，但一无所获。下面的代码生成了一个标签和一个文本居中的框。我希望标签文本和框中的文本垂直居中到同一行。目前，它们被抵消了一点。我还注意到两个元素周围的边距不一致(边框和顶部之间的间距小于边框和底部之间的间距)，这可能会导致一些未对齐。理想情况下，我希望消除元素周围的所有边距/填充，并将它们适当地居中。 <div
浏览 2提问于2016-05-27得票数 0
3回答
我尝试在父元素中居中SVG元素。然而，我发现Chrome和Safari之间存在差异。在Chrome上，下面的代码可以很好地将文本在正方形内居中，但在Safari上则不然： <g transform="translatestyle="fill: white" transform="scale(2)">
浏览 2提问于2017-02-02得票数 2
2回答
我需要设置SVG参数文本锚：“中间”为一组单字符tspan元素，以小圆圈为中心的吉他弦图生成器:参见。当我将svg代码粘贴到浏览器: Chrome、IE、Firefox、Opera、Safari或中时，除了最后一个tspan元素的居中位置外，字符都放在中间。当我使用JavaScript直接将svg代码插入DOM中时，所有tspan元素都正确地居中，这在Chordography中是正常的。还有一个问题:当我将代码粘贴到博客中时，它也会正
浏览 2提问于2015-02-16得票数 0
回答已采纳
1回答
我的svg.js代码使用了旋转动作和移动动作，但两个结果的中心坐标不同这里是我的代码<body> <script src="https://cdnjs.cloudflare.com/ajax/libs/svg.js/2.6.6/svg.js"></script>
<sc
浏览 1提问于2018-09-20得票数 1
我一直在使用内联svg进行平移和缩放：我已经用所需的svg实现了一个相对较好的svg -svg zoom库，但是我不知道为什么该库用来缩放和平移svg的元素不是完全居中，而是稍微向右移动我尝试使用类选择器(.svg-.svg zoom_viewport)通过CSS重新调整水平对齐，但什么都没有移动。也许我需要在js中更改一些东西，但我一直在检查它，显然所有东西都是居中的。
谢谢!
浏览 2提问于2015-01-04得票数 0
2回答
CSS可防止较小的字体不居中
、、、、
我在垂直居中两个元素(svg +文本)时遇到了问题。我使用flexbox将这些元素居中，如果我不精确任何字体大小，它们会完美地居中。但是，当我在文本上放置一个较小的字体大小(0.8em而不是1em)时，它会在文本顶部创建一个小空间，而不是居中。可怕的颜色是在文本顶部显示蓝色空间。有人知道怎么解决这个问题吗？我已经尝试用text-align: center; vertical-align: middle;：display: flex; align-items: cente
浏览 95提问于2021-09-07得票数 0
回答已采纳
1回答
我正在显示SVG图像到安卓WebView。我想缩放到SVG地图/图片的特定ecllipse元素(SVG部分)周围并居中显示。有没有什么javascript或css方法可以移动到SVG显示的特定元素(ecllipse)。 ScrollIntoView也不起作用。 我试着找了很多，但还没有找到适合我的。
浏览 30提问于2020-12-22得票数 0
原因似乎是因为它的viewBox定义了一个24x24的容器，而唯一可见的路径是定义了一个79.17x83.33的容器(如果你在Google Chrome中检查SVG，你就会看到它)。假设这个假设是正确的，你如何校正viewBox，这样就不会有额外的填充，希望这会导致飞机居中？还有其他答案建议重新定位/转换SVG以使其居中，但这不是目标。其目标是修改viewBox，移除可见元素周围的额外填充，并允许SVG自然地居中而不进行转换。
最终目标是确保SVG</
浏览 10提问于2019-11-22得票数 1
1回答
我正在尝试使用svg图形作为放大页面的过渡。这个html页面有一个将覆盖整个屏幕的SVG元素，其中有一个<g>元素，我希望它在其父svg元素的中间水平和垂直居中，因此在视口的中间。
浏览 2提问于2014-07-13得票数 11
2回答
我有下面的选项卡面板，我想在其中水平居中显示svg元素。我的css适用于第一个svg元素(柱状图)，但不适用于第三个元素(圆环图)。这两个都位于标签内容父元素中的div中，但只有一个获得了css修饰符。如何使圆环图在其父svg中居中？Here是我正在编写的代码。id="chart1" width="900" height="400"></svg<
浏览 44提问于2020-07-15得票数 0
1回答
.svg-wrapper { position: relative; border-radius: 3px;margin-top: -42px; color: black; color: black;}
stroke-width: 3px;
浏览 13提问于2021-05-15得票数 1
我以为这是小菜一碟，于是写了以下几句话：svg.append('svg:text') .attr('(-' + yAxisSpacing + ',' + height + ') rotate(-90)')在这种情况下，height是图表的高度(由<
浏览 4提问于2012-08-27得票数 6
回答已采纳
2回答
content: url('https://upload.wikimedia.org/wikipedia/commons/c/c6/Inkscape-small.svginline-block; height: 100px;}</div>如何使SVG适合于伪元素并使其<em
浏览 1提问于2020-11-29得票数 0
3回答
我希望能够制作一个包含整个浏览器屏幕的<svg>容器(也就是所有不是标签、工具栏等的东西)。所以如果你看这张图片，我希望<svg>占据页面底部选项卡工具栏下面的所有东西(是视口还是窗口？).height(); d3.select("body").append("svgwindow.screen.availWidth);
//aler
浏览 0提问于2013-07-03得票数 0
2回答
我有一个简单的SVG元素，其高度和宽度都等于80%。我还对元素应用了10%的边距，以使页面居中。然而，出于某种奇怪的原因，页边距似乎创建了一个y-overflow，以便页面可滚动。下面是我的代码：html, body {height: 100%;}
margin: 0;}
margin: 10%; width: 80%;}
svg path {
浏览 2提问于2017-05-04得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
