计算SVG文本的垂直高度
Calculating vertical height of a SVG text
我有一个字符串数组。说,
['Jan 11','Feb 11']
我要创建一个垂直文本用这些字符串像这样
<text x="60" y="154" text-anchor="middle" style="text-anchor: middle; font: normal normal normal 12px/normal Helvetica, Arial; " font="12px Helvetica, Arial" stroke="none" fill="#ffffff" transform="rotate(90 59.75 150)">
<tspan>Jan 11</tspan>
</text>
在svg渲染后,我发现文本的高度是36px。现在是否有一种方法可以计算文本的高度,该高度将在给定字体大小之前呈现?
可以使用getBBox
方法计算SVG节点的尺寸
var textNode = document.getElementsByTagName('text'),
bbox = textNode.getBBox();
//bbox now have x, y, width and height properties
相关文章:
- 我需要帮助弄清楚一旦窗口的垂直高度被滚动,如何切换一个元素
- CSS3-如何交叉显示未知高度的图像,并将其垂直和水平居中
- JQuery:手风琴高度样式:填充导致垂直滚动条
- jQuery 获取文档宽度和高度,不包括水平/垂直滚动条
- 三个垂直堆叠的 Div,动态高度
- 跨浏览器:如何根据视口高度调整元素的垂直位置
- 将 jQuery 对话框与动态高度内容垂直居中放置
- 垂直对齐和具有动态内容和高度的元素
- 页面的垂直对齐方式为100%的高度
- 与内容高度相同的垂直选项卡
- 100%高度输入字段,并垂直对齐文本
- Jscrollpane设置垂直滚动条轨道高度
- 如果图像高度超过图像宽度,通过裁剪其顶部和底部来垂直居中图像-仅使用CSS即可
- CSS垂直高度(vh)值从桌面到移动设备不同?(jquery mobile框架)
- 计算SVG文本的垂直高度
- 如何切换(或缩放)以减少DIV's垂直尺寸(但仅为初始高度的30%)
- 在固定高度的引导转盘上垂直居中显示图像
- 垂直居中可变高度图像,同时保持最大宽度/高度
- 如何将文本偏移其高度的一半,使其垂直居中一个角度
- 为不同高度的图像执行垂直轮播的逻辑