javascript - 在 JavaScript 中以实际大小呈现形状

Question

我正在考虑使用 JavaScript 来呈现多对象跟踪任务，作为更大的在线实验的一部分。问题是我需要以实际尺寸（毫米、英寸等）指定对象（在这种情况下是移动的球），以便它们在参与者（或具有不同分辨率的显示器）中以一致的真实尺寸出现。

Java 有一个满足此目标的 getNormalizingTransform() 方法。JavaScript 有与此等价的东西吗？或者更一般地说，有没有办法在 JavaScript 中渲染对象，使它们在屏幕上看起来是相同的大小？

提前致谢！

Answer 1

Javascript 本身不呈现。浏览器渲染页面，通常内容在 HTML 中定义，样式规则在 CSS 中定义，javascript 用于操作它们，并提供客户端脚本。

您可以通过指定 CSS 规则来使用 CSS 或间接使用 javascript 来完成您的要求...

http://www.w3.org/Style/Examples/007/units.en.html

假设您有一个带有 ID 的元素myElement...

<div id="myElement">test div</div>

在 css...

#myElement{
    width: 100mm;
    height: 10mm;
}

或者在javascript中...

document.getElementById('myElement').style.width = "100mm"