JavaScript의 실제 크기로 모양 렌더링

더 많은 온라인 실험의 일환으로 JavaScript를 사용하여 다중 객체 추적 작업을 제시하려고합니다. 문제는 참가자 (또는 다양한 해상도의 모니터)에서 일관된 실제 크기로 나타나도록 실제 크기 (mm, in 등)로 개체 (이 경우 이동하는 공)를 지정해야한다는 것입니다.JavaScript의 실제 크기로 모양 렌더링

Java에는이 목표를 충족시키는 getNormalizingTransform() 메소드가 있습니다. JavaScript에는 이와 비슷한 것이 있습니까? 또는 더 일반적으로 자바 스크립트에서 객체를 렌더링하여 화면에서 동일한 크기로 표시되도록하는 방법이 있습니까?

미리 감사드립니다.

출처

2013-04-08 CogStudent

cm, mm 또는? 같은 절대적인 CSS 단위를 사용하지 않는 이유는 무엇입니까? – j08691

자바 스크립트 자체가 렌더링되지 않습니다. 브라우저는 페이지를 렌더링합니다. 일반적으로 콘텐츠는 HTML로 정의되고 스타일 규칙은 CSS에 정의되며 javascript는이를 조작하고 클라이언트 측 스크립팅을 제공합니다.

당신이 요구하는 것은 ...

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

는 당신이 ID myElement 인 요소를 가지고 가정 ... 지정하는 CSS 규칙에 의해, 자바 스크립트와 간접적으로 CSS로 수행하거나 할 수

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

CSS에서

...

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

또는 자바 스크립트

...

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

출처

2013-04-08 14:07:56

그래, 그게 아마도 "JavaScript"라는 용어를 사용하여 Google을 검색하는 이유 일 것입니다. 감사! – CogStudent

또한 요소의 크기를 설정하는 것은 브라우저의 책임이므로 브라우저마다 구현이 다를 수 있으며 실제로 브라우저에 화면 크기에 대한 정확한 정보가 제공되지 않을 수 있습니다. 예를 들어 컴퓨터가 프로젝터에 연결되어있는 경우 크기가 서로 다른 동일한 콘텐트가있을 수 있으며 OS에서 픽셀의 대략적인 크기를 추측하는 것이 일반적입니다. 때로는 관심이있는 사람들이 그것을 설정할 수도 있습니다 정확히. –

JavaScript의 실제 크기로 모양 렌더링

답변

관련 문제