百分比是数量的比率或分数,表示数量的整个部分的比率。百分比表明100个中有多少部分。
我有一个表格标题的宽度(以像素为单位)。单击函数时,我需要将像素转换为百分比。 我有一个表格标题的宽度(以像素为单位)。单击某个函数后,我需要将像素转换为百分比。 <th field="Column1" id="Column1" noresize="true" width="100px"> <label id="Column1" onclick="getCustomGridColName(this.id,'inner__fghgh');" style="cursor:pointer; font-family: Times; font-size:12pt;"> Column1 </label> </th> 百分比是相对值。 使用像100px这样的一个值,你无法得出百分比。 您需要具有像 screenWidth 这样的相对值(假设)1366px,以便您可以获得该值的百分比。 var pixels = 100; var screenWidth = window.screen.width; var percentage = ( screenWidth - pixels ) / screenWidth ; // 0.92% //Transform pixel in percentage /* - totalpx: Total of pixels depending on the width or height, could be 1920.0 or 1080.0, 1280.0 or 720.0, etc... respectively. - px: the pixel desidered to be converted. - ItIsHeight: boolean to know if is axis x or y ot make the correct calculation. - BaseOfConversionWidth & BaseOfConversionHeight: the base of conversion from the original pixel are take it, if the design is HD ready then will be 1280.0 and 720.0, if is full HD then will be 1920.0 and 1080.0, etc... */ public Double TransformPercentage(Double Totalpx, Double px, boolean ItIsHeight, double BaseOfConversionWidth, double BaseOfConversionHeight) { if (ItIsHeight) return (px / BaseOfConversionHeight) * Totalpx; else return (px / BaseOfConversionWidth) * Totalpx; } 在 JavaScript 中,有多种方法可以将鼠标移动 deltaX 计算为屏幕宽度的百分比。以下是几种方法,并附有解释和注意事项: 方法一:使用window.innerWidth 此方法使用 window.innerWidth 来获取屏幕宽度。它简单明了,但它没有考虑滚动条或客户区域(可见屏幕)和全屏尺寸之间的差异。 let previousX = null; window.addEventListener('mousemove', (event) => { if (previousX !== null) { const deltaX = event.clientX - previousX; const screenWidth = window.innerWidth; const percentX = (deltaX / screenWidth) * 100; console.log(`Delta X: ${deltaX} pixels, Percentage: ${percentX.toFixed(2)}%`); } previousX = event.clientX; }); 方法二:使用document.documentElement.clientWidth(更准确) 此方法使用 document.documentElement.clientWidth,通常认为对于获取可见浏览器窗口的宽度更可靠。它不太容易受到滚动条和其他浏览器元素引起的问题的影响。 let previousX = null; window.addEventListener('mousemove', (event) => { if (previousX !== null) { const deltaX = event.clientX - previousX; const screenWidth = document.documentElement.clientWidth; const percentX = (deltaX / screenWidth) * 100; console.log(`Delta X: ${deltaX} pixels, Percentage: ${percentX.toFixed(2)}%`); } previousX = event.clientX; }); 重要注意事项: 初始previousX: previousX变量初始化为null。 这很重要,因为在第一个鼠标移动事件中,没有之前的位置可供比较。 第一个事件用于设置初始previousX。 event.clientX: event.clientX属性提供鼠标指针相对于视口(可见浏览器窗口)的水平坐标。 这是用于计算屏幕百分比的正确值。 滚动条:即使document.documentElement.clientWidth在所有布局非常复杂或滚动条非常大的情况下也可能不完全准确。 如果您在异常情况下需要像素完美的精度,则需要更复杂的方法。 高精度: .toFixed(2)方法将百分比四舍五入到小数点后两位。根据您的应用程序的精度要求进行调整。 使用方法: 将此 JavaScript 代码包含在您的 HTML 文件中,最好位于 <script> 末尾的 <body> 标记内,或链接到 HTML 的单独 .js 文件中。 在网络浏览器中打开 HTML 文件。 移动鼠标,您将看到 deltaX(以像素为单位)及其占屏幕宽度的百分比记录到浏览器的控制台。 请记住选择最适合您特定应用的准确性和复杂性要求的方法。 对于大多数情况,document.documentElement.clientWidth 提供了简单性和准确性的良好平衡。
基于百分比值的 Excel 动态图像并在悬停期间删除复选框描述
我正在使用 MS Excel 2016,这里有一个习惯跟踪器,其中根据细胞的百分比创建了生长的植物图像。我在获取正确图像时遇到问题
我需要计算医院缺勤时间的百分比。 D6-D19 显示护士每月受雇的小时数,E6-19 显示护士每月受雇的周数。 R6-R19分别是第四季多少个小时...
我正在分析微生物的抗菌素耐药性数据。我想看看阻力 (Y/N) 在一段时间内(2010-2017 年)是否发生变化。我正在使用逻辑回归模型,并且...
日期 树 化合物 化合物_mg %毫克 13.1 一个 C21 5 13.1 乙 C21 4 x 13.1 c C21 9 20.2 一个 C21 6 20.2 乙 C21 5 x 20.2 c C21 10 13.1 一个 C23 6 13.1 乙 C23 6 x 13.1 c C23 10 20.2 一个 C23 5 20.2 乙 C23 4 ...
为什么我不能使用 React Javascipt 为 CSS 分配百分比值?
我有以下代码,可以在屏幕上绘制条形图组件: 导入'../styles/GraphBar.css' 函数 GraphBar({值, maxLength}) { 常量高度 = (值 / 最大长度) * 100 + &...
我正在根据一定的标准选择一个项目的参与者,在满足标准后,从特定的部门A获得x%(比如60%),剩下的20%从另一个部门获得...
假设我们想要计算一个数字的一定百分比,例如80,000 人中的 50%。我们当然可以编写一个快速计算,例如: > 80000 / 100 * 50 [1] 40000 因为我不会计算
如何根据另一个单元格的值计算一个单元格的百分比? 例如:假设 A2 = 5000,如果 B2 = yes,我希望 C2 计算 A2 的 1% 下面的工作会起作用吗? SUMIFS(B2,"真",C2*1%)
处理多个学期多个不同课程的数据集中的一些事件数据。我需要找出每周有多少学生“登录”课程,然后......
将像素转换为百分比React-Native javascript
我正在 RN 上构建一个应用程序,但我犯了一个错误,将我的值以像素而不是百分比表示,以便它适合所有屏幕尺寸...... 有人可以帮我将这些值转换为我的
如何以简单的方式使用特定变量组合创建许多带有百分比列的频率表?
我有这个数据框(让我们想象它有数十个变量) 设置.种子(505) df = data.frame(age_group = c(1,2,1,1,1,1,1,2,2,2,2,3,3,2,1,2,3), 分数 = trunc(runif(17,0,5)), ...
“如何在 Power BI 中创建一个度量来计算两个选定年份之间的差异 (%),其中用户可以从切片器中选择参考年和比较年...
Power BI:使用切片器计算用户选择的参考年和比较年的同比差异
“如何在 Power BI 中创建一个度量来计算两个选定年份之间的差异 (%),其中用户可以从切片器中选择参考年和比较年...
未根据与 Microsoft SQL Server 的实时连接正确计算 R dbplyr 百分比
我有一个 Microsoft SQL Server 数据库,已通过 ODBC 链接连接到该数据库。我正在查询的表中有三列感兴趣:血清型、报告年份和住院情况。 每行
我得到了一个 680 像素宽的文本区域。 这需要变得流畅,所以我使用百分比。 百分比形成完美的 100% 宽度,但似乎比应有的多渲染了 1 个像素。 http://jsfiddl...
我的数据如下所示 结构(列表(年份 = c(2017, 2017, 2017, 2017, 2018, 2018, 2018, 2018, 2019, 2019, 2019, 2019, 2017, 2017, 2018, 2018, 2019, 2019, 2017, 2017, 2017, 2017, 2018, 2018, 2018,
我在使用 Power BI 时遇到问题。您可以在大图中看到有一条红线显示%。 问题是当我使用优于 5 的过滤器 N 时,仅显示前 5 列,t...
假设 dis.text = 2,prc.text = 100,我正在使用这些代码。应该是 net_prc.text = 98.但是它给了我-100.有人能告诉我为什么吗?,我怎样才能得到正确的结果 折扣百分比??
显示跨浏览器加载的音频标签的百分比,准确无误,以便在加载所有内容之前控件不可用
我的子 iframe 中有一堆音频标签,如下所示: <...