Кто-нибудь знает или кто-то разработал простой механизм для определения 2-й позиции элементов, преобразованных с помощью CSS 3D-преобразований - PullRequest
Новая
       11

Кто-нибудь знает или кто-то разработал простой механизм для определения 2-й позиции элементов, преобразованных с помощью CSS 3D-преобразований

1 голос
/ 08 декабря 2011

Я пишу 3d-библиотеку на JavaScript, которая использует 3d-преобразования Webkits (я бы хотел опубликовать код публично, но это для клиента). Но вид генерируемой HTML-разметки выглядит примерно так: 

<div id="world">
  <span class="pivot" id="map">
    <div style="position: absolute; left: -512px; top: -512px; width: 1024px; height: 1024px;">
      <img src="images/test-grid-1024px.png" />
    </div>
    <span class="pivot" style="-webkit-transform: translate3d(256px,0px,0px) rotateZ(-30deg) rotateX(-90deg);">
      <div class="marker">Marker<br/><span style="font-size: 48px; font-weight: bold;">1</span></div>
    </span>
  </span>
</div>

В любом случае, одна из вещей, которые, по-видимому, критически отсутствуют в Webkit 3d CSS, - это простые механизмы для преобразования между системами координат, то есть определения, где объект находится относительно страницы (или некоторого другого элемента) в 2d координатах. Точно так же было бы здорово иметь возможность взять 2d координату со страницы и спроецировать ее на плоскость преобразованного элемента.

Это не должно быть чрезвычайно сложно сделать, но я бы предпочел не делать этого, если кто-то уже это сделал. Или, если он был добавлен в Webkit, и я просто не могу найти документы, это было бы здорово.

...