vrijdag 25 november 2016

Zooming

Zoomen is niet zo moeilijk.
Zie m'n jsfiddle.

HTML:
<p>
Dit is een tekst
</p>

Javascript:
var value = 200;
var body = document.body;

body.style.MozTransformOrigin = "top left";
body.style.MozTransform = "scale(" + (value/100)  + ")";

body.style.WebkitTransformOrigin = "top left";
body.style.WebkitTransform = "scale(" + (value/100)  + ")";

body.style.OTransformOrigin = "top left";
body.style.OTransform = "scale(" + (value/100)  + ")";

body.style.TransformOrigin = "top left";
body.style.Transform = "scale(" + (value/100)  + ")";
// IE
body.style.zoom = value/100;

Geen opmerkingen:

Een reactie posten