Это ванильное решение JS.
Я не могу получить FontSize.
blockquote>Вы можете использовать fontSize, используя computedStyle, например
let style = window.getComputedStyle(text, null).getPropertyValue('font-size'); let fontSize = parseFloat(style);
https://developer.mozilla.org/de/docs/Web/API/Window/getComputedStyle [114 ]
В дополнение к этому я рекомендую вам поработать с
vw
иvh
.text { font-size: 10vw; }
https://web-design-weekly.com/2014/ 11/18 / viewport-units-vw-vh-vmin-vmax /
Все вместе дает нам https://jsfiddle.net/a8woL1eh/
Если это специально для связанного с JavaScript проекта затем, я понимаю, но если Вы просто делаете это для схватывания основ 3-го рендеринга могли бы быть более сформировавшиеся платформы там для Вас.
В любом случае..
Ссылки, которые могли бы быть полезны для Вашего приобретения знаний:
Кроме того, некоторый забавный JavaScript 3-и примеры:
Перспективная проекция: http://www.cse.unr.edu/~bebis/CS791E/Notes/PerspectiveProjection.pdf
Просто несколько предложений, но вероятно не точно, что Вы ищете:
Я предлагаю, чтобы Вы смотрели на примеры холста Jacob Seidelin в nihilogic.dk: http://blog.nihilogic.dk/search/label/canvas.
Если Вы готовы отказаться от холста и пойти с существующей библиотекой флэш-памяти, смотреть на Sandy3D: http://www.flashsandy.org/demos.
Это было долгое время с прошлого раза, когда я пытался сделать что-либо с графикой/играми/3D, но я действительно помню этот веб-сайт как один из наиболее широко известного ресурса.
http://www.gamedev.net/reference/
Конечно, это - очень общая цель и покрывает больше вещей, чем Вы просите, но это содержит хороший материал на материале Математики и Физики.
Печальная истина - то, что нет все еще никакой реальной поддержки 3D графики в JavaScript.
Таким образом, что-либо, что Вы делаете, должно будет включить полностью реализацию 3D рендерера (или использовать тот кто-то еще уже реализованный),
Так как эти вещи обычно реализуются в аппаратных средствах, и Вы пишете JavaScript, это естественно будет очень медленным для чего-то большего чем тривиальных сцен.
Вы будете лучше обслуживаться языками как Java, C# или C++ для Вашей 3D графики.
Существует технология, названная "Холст, 3D" доступна для Firefox. Существует также утилита по имени C3DL, который помогает использовать эту технологию.
К сожалению, насколько я знаю, нет никакого Opera/Интернета эквивалента Explorer/WebKit - это дополнение только доступно для Firefox 3 (Firefox 2, и бета Firefox 3.1 не поддерживаются)...