我使用了很多字体设计工具来读取字体的宽度和高度，而我的svg文本在浏览器中呈现的宽度和高度似乎不一致？
如何在不操作dom的情况下计算他的真实身高？
浏览 63提问于2020-05-26得票数 0
1回答
我在我的网站上使用了一个基本的列表，它与FF和IE一起工作得很好。然而，Chrome缺少一行像素。你知道问题的根源吗？
灰色线条跳跃一个像素。
浏览 2提问于2012-08-15得票数 0
回答已采纳
我使用InkScape 1.0.1创建了一个SVG文件。我的SVG包含一个文本元素。在InkScape中，我打开了“文本和字体”对话。
我选择我的文本元素，文本和字体对话，然后显示字体大小为38.1。我双击文本(就像要编辑文本一样)，文本和字体</e
浏览 5提问于2021-02-12得票数 1
通过使用getBBox()方法获得边界框，我尝试根据文本的宽度和高度放置一个SVG文本元素。如果文本使用websafe字体，这在不同的浏览器上工作得相当好，但如果文本使用@ font -face和自定义webfont设置样式，则在Firefox (Mac)和Safari (iOS)中返回的文本
浏览 2提问于2012-09-20得票数 4
我使用几个库在浏览器中生成SVG图像，这些图像可以通过从服务器上弹出，以用户指定的分辨率生成PNGs或SVG。(这如预期的那样工作。)我想向用户提供下载SVG的选项，该SVG被输入到转换中，使用分辨率来设置宽度和高度属性。当我这样做时，视图框不会缩放到指定的宽度和高度，而是填充，使图像占据左上方的</e
浏览 3提问于2016-06-27得票数 5
回答已采纳
如果需要(如果太宽的话)，是否有一种很好的方法可以让 (与一起)的功能收缩文本，但不要试图扩展它？我想到了通过JS生成SVG的两个可能的解决方案：
计数字符(或者更确切地说是字素集群)，并在此基础上(以及一些启发式算法，除非使用固定宽度的字体)来决定是否设置textLength。首先在不使用textLength集的情况下执行该操作，然后使用getBBox()确定文本是否需要收缩
浏览 1提问于2017-08-18得票数 5
回答已采纳
1回答
有一个带有指定viewBox的简单内联svg：
<svg class="svg-inlined" version="1.1" xmlns="http:<circle r="6" cx="6" cy="6" fill="gray"></circle>
<
浏览 2提问于2018-02-19得票数 0
回答已采纳
2回答
看看下面的代码和小提琴，请告诉我为什么在IE (9-10-11) svg图像的高度不匹配兄弟(内容在右边)的高度，像在chrome，FF，Safari？在IE中，在左边的表格单元格中有额外的垂直空间。谢谢-- <div class="table-layout">
<div class="table-cell fixed-width&qu
浏览 2提问于2014-12-05得票数 0
3回答
它在火狐中运行得很好，但在chrome中箭头更窄，背景在左右两侧都可见，为什么？ background: linear-gradient(to top, #FF9400, #FFF000);
background-size: 100% 100%, 100% 100%;
浏览 4提问于2013-04-29得票数 2
回答已采纳
我在foreignObject元素中有一个带有HTML的SVG。此SVG将像往常一样包含在带有img元素的网页上。
SVG图像文件中的foreignObject
浏览 0提问于2017-02-26得票数 0
我想通过CSS添加一个SVG，而不对HTML进行任何更改。图像应该始终具有它添加到的元素的高度(或者更好的是文本内容)，并根据其高宽比来确定其宽度。元素的高度/字体大小/字体系列没有固定(没有指定height，即auto；font-size是在em单元中指定的，不能依赖于特定的默认浏览器字
浏览 2提问于2015-02-22得票数 1
4回答
画布文本呈现(模糊)
、、、、
对于模糊的线条和形状问题，只需在坐标中添加+0.5px就可以解决这个问题:然而，这个解决方案似乎不适用于文本呈现。注意:我从不使用CSS来设置画布的宽度和高度(只试过一次检查在HTML和CSS中设置大小属性是否会改变任何事情)。而且，问题似乎与浏览器无关。我试过：
在HTML元素中
浏览 0提问于2016-10-16得票数 14
4回答
据我理解，如果未定义div的宽度和高度属性，则父div将等于排列好的子元素宽度和高度属性的结果。div的宽度应该是子SVG的宽度(因为它是最宽的)，div的高度应该是子div的高度(其中2)和SVG的<e
浏览 2提问于2013-08-28得票数 0
回答已采纳
我有tspan元素，其中包含一些文本。我还为它指定了一些font-size。此外，我有父母的盒子大小，即宽度和高度。所以，现在我希望我的文字符合指定的宽度和高度的盒子。我拥有的选项之一是手动计算字符串width和height (但在不同字体和浏览器的情况下，它们变得更加复杂)。
那么，在SVG
浏览 3提问于2012-07-25得票数 1
回答已采纳
2回答
它显示新闻标题和新闻故事的前150个字符，旋转木马中的所有项目必须具有相同的高度，因此我将每个新闻项目设置为高度:182px；宽度:210px；
除了IE 9之外的所有浏览器看起来都很好，因为它呈现的字体似乎比所有其他浏览器都要宽一点，所以因为所有项目都有一个设定的高度和宽度
浏览 0提问于2011-10-25得票数 2
回答已采纳
我有以下变量：A文本：约翰·史密斯基于这些变量，我想创建一个svg文档，其中呈现的文本符合高度，宽度适合呈现的文本。因此，在我的例子中，这看起来像这样(手动完成)：
<?xml version="1.0" standalone="no"?>
<
浏览 4提问于2012-10-17得票数 0
当我查看HTML元素(来自js、firebug或类似的)的font-family时，它总是一个列表。如何从列表中查看实际使用的字体？
浏览 0提问于2011-05-12得票数 10
回答已采纳
1回答
在创建时自动缩放SVG
、、、
目前，我正在使用这个命令生成SVG：
gs -sDEVICE=svg -dNOCACHE -sOutputFile="photo.svg" -q -dbatch -dNOPAUSE "photo.pdf.out使用GS的-r和-g选项只会给我同样的印象。我不确定SVG设备在GS中是否支持这些选项。我尝试过使用ImageMagick的convert来绕过幽灵脚本，但是当我在浏览器中看到图像
浏览 4提问于2014-04-15得票数 1
回答已采纳
5回答
输入字段高于预期
、、
因此，我得到了一个输入字段，我期望它是34 2px高(边框2Px+填充2*10 2px+ text 12 2px)，但它最终比这个值更高：
font-size: 12px; width: 200px;<&#x
浏览 10提问于2012-10-19得票数 7
我正在使用Chrome工具的Viewport模拟器。我发现奇怪的是，不管视口宽度如何，Chrome总是以像素为单位报告相同的宽度，而且缩放和DeviceToPixelRation都不会改变。h1的样式将width设置为100%，没有其他代码。我希望当视口宽度发生变化时，宽度或DPR都会发生变化。为什么不发生呢？
浏览 0提问于2018-07-23得票数 7
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
腾讯会议
云直播
对象存储活动推荐
腾讯云开发者
