ne02ptzero.me

my old website
Log | Files | Refs | LICENSE | git clone https://git.ne02ptzero.me/git/ne02ptzero.me

commit 7c806c554cbaf1fa160e0ef2ce40fbce170cb061
parent 24ee54a0bb7f4640f92e3cf53b0ed74411fb1ce2
Author: Louis Solofrizzo <louis@ne02ptzero.me>
Date:   Wed, 29 Jul 2015 16:37:44 +0200

Update index.html
Diffstat:
Mwtf/index.html | 70+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-
1 file changed, 69 insertions(+), 1 deletion(-)

diff --git a/wtf/index.html b/wtf/index.html @@ -5,7 +5,75 @@ <title>WTF</title> <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> - <script type="text/javascript" src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js"></script> + <script type="text/javascript"> + jQuery.fn.rotate = function(angle,whence) { + var p = this.get(0); + + // we store the angle inside the image tag for persistence + if (!whence) { + p.angle = ((p.angle==undefined?0:p.angle) + angle) % 360; + } else { + p.angle = angle; + } + + if (p.angle >= 0) { + var rotation = Math.PI * p.angle / 180; + } else { + var rotation = Math.PI * (360+p.angle) / 180; + } + var costheta = Math.cos(rotation); + var sintheta = Math.sin(rotation); + + if (document.all && !window.opera) { + var canvas = document.createElement('img'); + + canvas.src = p.src; + canvas.height = p.height; + canvas.width = p.width; + + canvas.style.filter = "progid:DXImageTransform.Microsoft.Matrix(M11="+costheta+",M12="+(-sintheta)+",M21="+sintheta+",M22="+costheta+",SizingMethod='auto expand')"; + } else { + var canvas = document.createElement('canvas'); + if (!p.oImage) { + canvas.oImage = new Image(); + canvas.oImage.src = p.src; + } else { + canvas.oImage = p.oImage; + } + + canvas.style.width = canvas.width = Math.abs(costheta*canvas.oImage.width) + Math.abs(sintheta*canvas.oImage.height); + canvas.style.height = canvas.height = Math.abs(costheta*canvas.oImage.height) + Math.abs(sintheta*canvas.oImage.width); + + var context = canvas.getContext('2d'); + context.save(); + if (rotation <= Math.PI/2) { + context.translate(sintheta*canvas.oImage.height,0); + } else if (rotation <= Math.PI) { + context.translate(canvas.width,-costheta*canvas.oImage.height); + } else if (rotation <= 1.5*Math.PI) { + context.translate(-costheta*canvas.oImage.width,canvas.height); + } else { + context.translate(0,-sintheta*canvas.oImage.width); + } + context.rotate(rotation); + context.drawImage(canvas.oImage, 0, 0, canvas.oImage.width, canvas.oImage.height); + context.restore(); + } + canvas.id = p.id; + canvas.angle = p.angle; + p.parentNode.replaceChild(canvas, p); +} + +jQuery.fn.rotateRight = function(angle) { + this.rotate(angle==undefined?90:angle); +} + +jQuery.fn.rotateLeft = function(angle) { + this.rotate(angle==undefined?-90:-angle); +} + + + </script> <script> current = res = 0; function rotateLOL() {