SVG以em为单位翻译？
SVG 是 Scalable Vector Graphics（可缩放矢量图形）的缩写。它是一种基于 XML 的图像文件格式，允许用户对图像进行缩放、旋转、扭曲等操作，而不会影响图像的质量。
在 SVG 格式中，图像被定义为一组基于 XML 的文本，这些文本描述了图像的形状、颜色、线条、填充、阴影等属性。SVG 格式支持多种编程语言，包括 JavaScript、CSS、HTML 等，因此可以轻松地用于 Web 开发中。
SVG 的主要优势包括：
- 可缩放性：SVG 图像可以在任何大小下保持良好的质量，因此非常适合在不同尺寸的设备和屏幕上进行使用。
- 矢量性：SVG 基于矢量图形，因此可以无损地缩放和旋转图像，而不失真。
- 交互性：SVG 支持各种交互元素，例如按钮、滑块、滚动条等，因此可以轻松地创建交互式图像。
- 可编程性：SVG 可以轻松地使用各种编程语言进行编程和控制，例如 JavaScript、CSS、HTML 等。
推荐的腾讯云相关产品：云服务器（CVM）、云数据库（MySQL、Redis）、内容分发网络（CDN）、云加速、云安全、云监控等。
相关·内容
有没有办法使用em作为SVG翻译的单位？如图所示 style="fill:none;stroke-width:3;stroke:black/>
该矩形在Firefox中不会转换，除非我将em作为单位</e
浏览 3提问于2012-04-26得票数 14
我正在使用FontForge从SVG文件创建一个ttf字体。但是基线是完全错误的，我不能理解如何从FontForge命令行脚本工具设置基线。
有什么想法吗？
浏览 3提问于2013-02-11得票数 3
2回答
我将<svg>元素直接嵌入到HTML5文档中，并希望根据页面的字体大小缩放重复的背景模式。没问题，SVG支持CSS单位，所以我可以用ems来指定大小，对吗？SVG规范“SVG中的所有和都可以使用或不使用单元标识符来指定。”事实上，这两个都做了我所希望的：
<rect x='1em' y='2em' width='3em' height='4em&#
浏览 0提问于2011-12-15得票数 10
回答已采纳
1回答
如何使画布动态渲染成图像的大小？
、、、、
我有一个代码片段，它可以生成SVG并将其绘制到画布上。<!); tempImg.src = encodeURIComponent(
'<svg xmlns="http://www.w3.org
浏览 1提问于2022-11-19得票数 0
回答已采纳
1回答
我有一个svg <rect>，它在一个<g> (组)中，我想缩放它，然后按视口的百分比转换它。svg中的几乎所有东西都允许通过数量惊人的选项指定单位；例如，px，em，%，ex，pt，pc，...但是，翻译中指定的数字似乎只是像素。问题是，如果我必须返回并重新计算平移的像素值，那么我的svg将依赖于分辨率。然后我，你和每个人都会陷入一个悖论。你知道我为什么有点担心了吧。<svg>
<g transform="sca
浏览 0提问于2013-06-14得票数 42
回答已采纳
在一个模板中，我看到所有尺寸的字体大小都是由em给出的。footer p {}
打扰一下，这是很好的练习吗？有什么替代方案吗？
浏览 0提问于2014-10-30得票数 1
我想定位嵌套的SVG没有边距。在这种情况下，我可以发现有太多的边缘，如果我降低高度，形状消失。我该如何解决这个问题？<svg width="300" height="100" viewBox="0 0 300 100"> <line x1="10" x2="275" y1="100" y2="100" fill="g
浏览 1提问于2022-05-09得票数 0
回答已采纳
我已经将它构建为一个内联SVG，但是我不得不对所有的位置进行硬编码。无论绿色框有多大，我如何使右下角的消失？，我希望梯度有绝对单位，但是对于掩码，允许任意大小的总面积。代码(仅限FF)： <mask id="maskSource" class="MaskType" maskContentUnits="u
浏览 0提问于2018-12-12得票数 1
1回答
根据设置的百分比将对象圈起来
、、、、
我正在尝试使用SVG。但这对我来说并不清楚。它不适用于百分数，而且我不知道如何获得所有长度的正确数字 r="115" cx="135attributeType="CSS" begin="0s"
浏览 1提问于2017-10-16得票数 1
1回答
我试图输出真正大小的SVG，所以我使用cm作为单元<image preserveAspectRatio="none" x="1cm
浏览 1提问于2015-05-29得票数 4
回答已采纳
1回答
晚安,
我有一个SVG，里面有一个路径。这个SVG有一个viewBox来表示纵横比，但问题是，当这个图形(路径)要旋转时，变换原点(旋转点)被设置为viewBox的0点，而不是SVG的0点。我想用浏览器显示的右角或左角的旋转点旋转它(在我的情况下是SVG的角，而不是当尺寸变化时受到限制的viewbox )。我尝试使用组和所有可用的单位，cm，mm，pt，em，ex，px，...但所有这些都在viewBox中工作，我看不出相对单位和绝对单位</e
浏览 2提问于2014-06-09得票数 0
3回答
html：css： width: 1.5em; background: linear-gradient(to
浏览 4提问于2013-04-29得票数 2
回答已采纳
1回答
伴随这种字体的元数据json文件在em单位分数中有一个“附加”坐标，用于将词干附加到特定的音符。此附着点相对于音符字形周围的一个包围框，其尺寸以em单位的分数为单位。我粗略的ASCII图片显示了音符的附加点： | /---\* <- attach point here \---/
维基百科：“em是排版领域中的宽度单位例如，16点字体中的一个<e
浏览 2提问于2013-12-12得票数 0
回答已采纳
1回答
我有一个非常简单的代码，它可以在Chrome上工作，但是不能在firefox上运行：//Creating the svg element .append("svg")
svgContainer
.style("background-color
浏览 1提问于2013-11-23得票数 3
回答已采纳
1回答
我可以使用px作为一个单位的内联svg图像。例如，在下面的示例代码中使用width="100px"和height="100px"是否正确？<svg width="100px" height="100px">
<circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill=
浏览 1提问于2017-09-28得票数 0
回答已采纳
1回答
我想将svg从(0,0) (初始位置)转换为(500，50)。为此，我使用了下面的代码，但它不是working.Please，给我一些建议。var svg = d3.select("body") .attr("width", 600)
.attr("height
浏览 1提问于2015-11-30得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
