JavaScript:将 ex 转换为 px

2023-12-08

所以我正在阅读 elem.style.width,并得到类似“3.1415926ex”的内容。

我想将其转换为“px”。

JavaScript 是否有内置函数来执行此操作?我更喜欢砍掉字符串的最后 2 个字母,将其读取为数字,然后将其乘以一个魔法常数。

Thanks!


不存在“神奇常数”,因为没有从ex to px(与将英寸转换为厘米不同)。

An ex单位是当前字体中小写“x”字符的高度(其中“字体”是字体系列(例如 Times New Roman)、大小(例如 14px 或 72pt)和样式(常规、粗体、斜体))。

...因此 72pt Impact Bold 中的“1ex”大于 8pt Helvetica Regular 中的“1ex”。

转换自ex to px如果您知道这些细节,就可以做到。当然,听起来您真的只想要“计算样式”,它始终以像素为单位。读这个:如何获得计算样式?

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

JavaScript:将 ex 转换为 px 的相关文章

  • Angular UI 模式的范围问题

    我无法理解 使用角度 UI 模式的范围 虽然这里不是很明显 但我已经正确设置了模块和所有内容 据我所知 但这些代码示例尤其是我发现错误的地方 index html 其中重要部分 div class btn group div
  • Jquery 悬停卡

    我在用着http designwithpc com Plugins Hovercard http designwithpc com Plugins Hovercard 但我不知道如何在悬停卡上声明 var 每个工作描述都有自己的 ID 当悬
  • 在特定页面上执行 javascript 的正确“Rails”方式

    我试图在特定页面上运行 javascript 而我唯一的解决方案似乎是反模式 我有controller js内部生成的assets javascripts 我在用着gem jquery turbolinks 我的代码类似于以下内容 docu
  • 位置特征检测:固定

    我正在尝试找到一个脚本来检测设备是否放置position fixed元素相对于视口而不是整个文档 目前 标准桌面浏览器和 Mobile Safari 适用于 iOS 5 都是这样做的 而 Android 设备则相对于整个文档放置固定元素 我
  • 使用 Angular 指令禁用文本选择

    我正在学习 JavaScript 和 AngularJS 我想使用 Angular Directive 禁用文本选择 我有该函数的 JavaScript 代码 function clearSelection if document sele
  • 如何使用 Playwright 使用选择器查找框架 (iframe)

    我有一个小问题 无法找到使用 Microsoft Playwright 框架的答案 根据您可以使用以下代码获取 iframe const frame page frame frame login 但是如何使用选择器来查找 iframe 并与
  • Number.IsNaN() 比 isNaN() 更糟糕吗

    Soooooo isNaNJavaScript 显然被破坏了 比如 isNaN isNaN isNaN true isNaN false isNaN 0 返回 false 当它们看起来都是 不是数字 在 ECMAScript 6 中 草案包
  • IntersectionObserver是否支持水平滚动观察?

    我制作了几个垂直滚动 IntersectionObserver 模块 但我对水平滚动感兴趣 根将是 div 观察目标将是 img 我想观察当 img 放大但 div 保持视口宽度时的变化 我什至不确定移动 Safari 是否会将缩放后的图片
  • 导航栏下拉菜单(折叠)在 Bootstrap 5 中不起作用

    我在尝试使用以下命令创建响应式菜单或下拉按钮时遇到问题Bootstrap 5一切似乎都正常 导航图标和下拉图标出现 但它不起作用 当我单击nav图标或dropdown按钮 无dropdown menu apears 我想特别提到的是 我还包
  • 如何使用 Greasemonkey 监视静态 HTML 页面的更改?使用哈希?

    我希望我的 Greasemonkey 脚本仅在其访问的静态页面具有与以前完全相同的内容时运行 现在我可以设置一个包含该页面哈希的变量 我正在寻找一种动态散列页面的方法 以便我可以将我的散列与生成的散列进行比较 关于如何即时实现散列的任何想法
  • JavaScript 继承;调用和原型

    要在Javascript中实现继承 通常需要执行以下两个步骤 假设我有一个基类 Animal var Animal function name this name name 我现在想从中派生一个子类 Dog 所以我想说 var Dog fu
  • 如何使用 Javascript 设置查询字符串

    有没有办法使用 javascript 设置查询字符串的值 我的页面有一个过滤器列表 单击该列表时 它将更改右侧的页内结果窗格 我正在尝试更新 url 的查询字符串值 因此如果用户离开页面 然后单击 后退 按钮 他们将返回到最后一个过滤器选择
  • mongodb 聚合 - 累积字段的不同组值

    如果我有Player表格文件 name String score Int 我有Group文档 其中组代表玩家列表 groupName String players ObjectID 玩家可以属于多个组 我想做一个聚合Player文档 按以下
  • 使用 JavaScript 移动页面上的按钮

    我的按钮可以移动 但奇怪的是 我无法弄清楚偏移是否有问题 我希望我的按钮随着鼠标光标移动 但现在它的移动方式不是我想要的 有时它会消失 另外 创建的新按钮是重叠的 我不知道如何解决这个问题并拥有更好的外观 var coorA var coo
  • 用于选择特定 div 中具有特定类的锚元素的 jQuery 选择器是什么

    我有一些这样的代码 我想选择每个 a 带有类的标签status在 div 中foo div a class status a div 你可以这样做 foo find status a
  • 如何从浏览器向服务器发送“页面将关闭”消息?

    我想向每个 html 文档添加一个脚本 JavaScript 该脚本向服务器发送两条消息 页面确实打开了 页面将关闭 此消息包含页面打开的时间 打开消息应在文档加载时 或加载完成时 发送 这是简单的部分 The close message
  • 有没有办法使用 ko.observableArray 作为地图?

    有没有办法使用ko observableArray http knockoutjs com documentation observableArrays html像地图 字典一样 例如 var arr ko observableArray
  • react-native - 图像需要来自 JSON 的本地路径

    你好社区 我正在react native中开发一个测试应用程序 并尝试从本地存储位置获取图像 我实际在做什么 我将图像直接链接源提供给 var 并在渲染函数中调用此方法 react 0 14 8 react native 0 23 1 np
  • 仅当显式选择行时才关闭 ui-bootstrap typeahead

    我创建了这个jsBin http jsbin com livuqafe 2 edit来证明我遇到的问题 如果您转到此处 请尝试输入 五 并继续 你的自然反应是输入 五 然后按 Tab 如果你想要 五百 你可以向下箭头一次 但是 在这种情况下
  • 没有输入的 jQuery 日期选择器

    我有一个相当复杂的网络应用程序 我想向其中添加一些日期选择 UI 我遇到的问题是我无法从文档中弄清楚如何真正控制日期选择器的出现方式和时间 不涉及任何表单元素 不 我不会添加秘密表单字段 因此简单的开箱即用方法根本行不通 我希望有人可以提供

随机推荐

  • 使用 Netlify 和 Gatsby 缩短初始服务器响应时间

    我在跑PageSpeed 见解在我的网站上 我有时遇到的一个大错误是 减少初始服务器响应时间 保持主文档的服务器响应时间较短 因为所有 其他请求取决于它 了解更多 React 如果您在服务器端渲染任何 React 组件 请考虑 使用rend
  • 握手失败并出现致命错误 SSL_ERROR_SSL

    我正在关注这个教程https hyperledger github io composer latest tutorials deploy to fabric multi org将 Composer 区块链业务网络部署到 Hyperledg
  • C# 如何循环用户输入直到输入的数据类型正确?

    如何使这段代码循环询问用户输入 直到int TryParse 成功了吗 setX public void setX take the input from the user string temp int temp2 System Cons
  • Matlab - 绘图标题中数字变量的简短格式

    我试图将变量放入绘图标题中 但无法生成 4 位小数的格式 如何避免标题中出现浮动格式 这是我使用的代码 subplot 3 2 1 hist X 10 str sprintf X N d Y d N Y M sum X N Mean spr
  • 从 Google Cloud 上的 Cloud Run 访问 Cloud SQL

    我有一个 Cloud Run 服务 可以通过以下方式访问 Cloud SQL 实例SQLAlchemy 但是 在 Cloud Run 的日志中 我看到CloudSQL connection failed Please see https c
  • 将指向成员函数的指针作为指向函数的指针传递

    情况是这样的 我结合使用 C SDL 和 GLConsole 我有一堂课 SDLGame 其中有Init Loop Render 等等 本质上 它保存了我的游戏类的逻辑 到目前为止 GLConsole 是一个不错的库 它允许我定义 CVar
  • 在 Matlab 中从命令行运行特定的单元格部分?

    我在脚本中手动循环遍历 Matlab 中的各个单元 我们称之为 foo m Code for cell 1 Code for cell 2 从 Matlab 的命令行中 我希望能够有选择地运行单元格 2 中的代码 文档仅包含如何以交互方式执
  • 在node js中使用node-oracledb将对象作为输入参数传递给存储过程

    我有一个存储过程 它接受两个输入参数并给出一个输出参数 输入参数第一个是Oracle自定义类型 第二个是CHAR类型输出参数为Number类型 PROCEDURE SOMEPROCEDURE P REC IN RV SEARCH CRITE
  • 如何在后台运行 Windows Phone 应用程序?

    我想知道 Windows Phone 应用程序是否可以在后台运行 我学过http msdn microsoft com en us library ff431744 v vs 92 aspx 在那里我找到了有关后台文件传输 代理和警报的信息
  • JavaScript 内部的国际化

    我有一个 JSP 页面 它接受超过 23 种语言的用户字符串 所以一个说英语的用户写道8 5 JavaScript 函数应该接受它以及输入8 5来自俄罗斯用户 在这种情况下 我们如何验证所有语言的 JavaScript 输入 您可能可以使用
  • PHP strtotime 错误(有时)?

    我在我的 PHP 代码中遇到了 strtotime 的问题 有时它是错误的 仅对于某些时区 而对于其他时区来说它是正确的 我无法理解它 我已经设置了也在我的页面顶部 但这没有帮助 基本上它的作用是添加或减去offset 3600值到设定时间
  • 迭代多个查询并将其存储在 pyspark dataframe 中

    我在 hive 中有一个表 我想根据循环中的条件查询它 并将结果动态存储在多个 pyspark 数据帧中 基本查询 g1 select from db hive table where group 1 group 1 spk sql g1
  • Javascript 如何匹配回调函数中的参数?

    我刚开始学习JavaScript 回调函数似乎很难理解 我的一个问题是javascript如何匹配回调函数中的参数 例如在以下 forEach 循环中 var friends Mike Stacy Andy Rick friends for
  • 如何迭代两个列表?

    我正在尝试在 pyGTk 中做一些事情 我构建了一个 HBox 列表 self keyvalueboxes for keyval in range 1 self keyvaluelen self keyvalueboxes append g
  • Angular.js:如何为所有应用程序控制器调用一次服务

    我不知道这是否是 Angular 概念之一或可能做到的 但我有一项调用用户信息 姓名 id 年龄 的服务 factory me function resource API URL q return getUser function var
  • Java Swing:多个窗口[关闭]

    Closed 此问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 目前不接受答案 我是 GUI 编程新手 但需要创建一个多窗口 GUI 有谁知道有什么好的在线教程吗 或者您能否展示一个可以启动 2 个窗口的简单代码 只需创建两个
  • 如何在 O(n) 或 O(nlogn) 中找到包含重复项的最长非递减子序列?

    我们知道有一种算法可以在 O nlogn 中找到最长递增子序列 我想知道我们是否能找到时间复杂度相似的最长非递减子序列 例如 考虑一个数组 4 10 4 8 9 最长的递增子序列是 4 8 9 最长的非递减子序列是 4 4 8 9 首先 这
  • GUI 以 30 fps 运行?

    在测试一些使用 Swingworker 的实时模拟代码时 我注意到我的 GUI 似乎总是以 30 fps 运行 不多也不少 每次用户与应用程序交互 如鼠标移动 或调用 Swingworker 的 process 方法时 我都会更新 GUI
  • 如何从 C++ 将字符串矩阵传递到 Cuda 内核

    Problem 我有一个 C 矩阵 里面充满了字符串 我想将它传递给 cuda 内核函数 我知道 CUDA 无法处理字符串 因此经过一些研究 我尝试了下面列出的一些解决方案 尝试 在 C 中定义一个指针数组 其中每个单元格包含一个指针字符
  • JavaScript:将 ex 转换为 px

    所以我正在阅读 elem style width 并得到类似 3 1415926ex 的内容 我想将其转换为 px JavaScript 是否有内置函数来执行此操作 我更喜欢砍掉字符串的最后 2 个字母 将其读取为数字 然后将其乘以一个魔法