[Draggable and Scale]

Yes thank you, I am setting to force3D to false just now to permit scale without loss of detail.

 

I tried making original element larger and scaling down it works but causes a problem with the complex dynamic visualisation I am running on the div being scaled and dragged

 

I understand it is a browser issue

 

Thanks for your time

[Draggable and Scale]

I am using draggable on a div containing svg elements

 

If I dont use draggable and scale the div via:-

var i = $('#chart');

TweenLite.to(i, 2, {scale:4});

 

The edges of the SVG text and circle etc remain crisp as you would expect from scaled vectors.

 

However if I enable draggable via:-

var aD = Draggable.create("#chart", {type:"x,y", edgeResistance:0.5, throwProps:true, bounds:window});

 

and then zoom the SVG element become fuzzy as though they were scaled pixels.

 

This happens even if I disable draggable before scaling

 

Any ideas why this might be?

Thanks - Dean 

 

Update: Scale without Draggable uses -webkit-transform: matrix(...

Scale with Draggable uses -webkit-transform: matrix3d(...

 

using Safari and Chrome on Mac - not a problem on Firefox (not using webkit)

 

Ah: Putting force3D:false as in:

TweenLite.to(i, 2, {scaleX:4, scaleY:4, scaleZ:1, force3D:false});

 

Is their a reason for the problem with matrix3d and scale on webkit?

solves the problem