Three.js CSSObject3D как получить ширину объекта

Question

Three.js CSSObject3D как получить ширину объекта

0

Итак, во-первых, я динамически замечаю HTML Dom Elements из текста HTML, я использую эту функцию

String.prototype.toDomElement = function () {
  var wrapper = document.createElement('div');
  wrapper.className = "toDomWrapper";
  wrapper.innerHTML = this;

  return wrapper;
};

"создать элемент dom":

var element = obj.html.toDomElement();

Из которого я затем создаю CSS3DObject:

var cssElement = new THREE.CSS3DObject( element );

после размещения пары этих (divs) на холсте - я бы хотел их выложить (абсолютные позиции, которые я знаю, как это сделать), однако я не знаю, как получить ширину каждого элемента?!

Я не могу предопределить ширину - они динамически генерируются.

Справка будет ОЧЕНЬ МНОГО оценили - я пробовал просмотреть все примеры из трех. Js CSS3D: http://threejs.org/examples/#css3d_periodictable, и я действительно искал в Интернете - ничего не нашел - в в каждом примере они устанавливают ширину элемента.style.width или его извлекают из css.

кто угодно??

etangreal 04 янв. 2014, в 02:09

Источник

Теги:

javascript

html

three.js

2 ответа

0

попробуй это...

var cssElement = new THREE.CSS3DObject( element );
var width = cssElement.element.style.width;

user2089677 21 янв. 2014, в 05:02

0

Я действительно пробовал это на самом деле, не работает ... спасибо за предложение, хотя :) В конце я понял это - что вам нужно сделать, это добавить элемент в документ: document.appendChild (element); а затем запросить ширину! Кажется, что только после того, как элемент добавлен в фактический документ - он фактически приобретает свойства ...
etangreal 21 янв. 2014, в 15:19

Ещё вопросы

Я действительно пробовал это на самом деле, не работает ... спасибо за предложение, хотя :) В конце я понял это - что вам нужно сделать, это добавить элемент в документ: document.appendChild (element); а затем запросить ширину! Кажется, что только после того, как элемент добавлен в фактический документ - он фактически приобретает свойства ...

etangreal · Accepted Answer · 2014-01-21T13-32-00.000Z

document.appendChild(element);
var cssElement = new THREE.CSS3DObject( element );

и теперь вы можете получить свойства элемента

var el = $("#"+element.id);
var w = el.width();
var h = el.height();
var x = el.position().left;
var y = el.position().top;