Fit CSS3DObject in div

Asked Jul 01 '14 at 20:31

Active Jul 01 '14 at 20:44

Viewed 150 times

I'm trying to fit my CSS3DObject when it loads on the page, however, I cannot seem to do so. THis is the jist of my code:

camera = new THREE.PerspectiveCamera(45, containerWidth / containerHeight, 1, 100000);
camera.position.x = 0;
camera.position.y = 0;
camera.position.z = 1000;

var object = new THREE.CSS3DObject(iframe);
scene.add(object);

I seem to have the correct width and height for the object, however, i cannot get the transform3d to fit my div without removing it. I need it something like:

-webkit-transform(0px, 0px, 0px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, ,0 ,0 , 1, 0,0, 0, -1000, 1) translate3d(0px, 0px, -1000px)

enter image description here

edited Jul 01 '14 at 20:44

asked Jul 01 '14 at 20:31

Moe Bataineh

1,032
1
12
29

1

This answer http://stackoverflow.com/questions/14614252/how-to-fit-camera-to-object?rq=1 does not solve your problem? – gaitat Jul 01 '14 at 20:48
@gaitat Seems to solve it. I got one more question. Why isnt the Object being centered at the center of the div? – Moe Bataineh Jul 01 '14 at 21:12
@gaitat I need the `translate3d(752px, 136px, 0px)` to pretty much all be `0px, 0px, 0px` – Moe Bataineh Jul 01 '14 at 21:27

Fit CSS3DObject in div

0 Answers0