Nord-Süd-Richtung
Erfahrenes Mitglied
Hi
ist es möglich ein Bild mittels Javascript zu drehen? Wenn ja, wie?
ist es möglich ein Bild mittels Javascript zu drehen? Wenn ja, wie?
Follow along with the video below to see how to install our site as a web app on your home screen.
Anmerkung: This feature currently requires accessing the site using the built-in Safari browser.
<html>
<head>
<title>www.tutorials.de</title>
<meta name="author" content="Quaese">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
<!--
function drawIt(){
var objCanvas = document.getElementById("canvas_id");
// Falls das Objekt unterstützt wird
if(objCanvas.getContext){
// Kontext
objContext = objCanvas.getContext('2d');
var objImg = new Image();
// onload-Event vor dem Zuweisen der Quelle (wg. Opera)
objImg.onload = function(){ rotateIt(objContext, objImg, 120);}
objImg.src = "bild.jpg"; // Breite: 120 px, Höhe: 120px
}else{
// Sonstiger Code
}
}
function rotateIt(objContext, objImg, lngPhi){
objContext.translate(120, 120); // Ursprung verschieben
objContext.rotate((lngPhi*Math.PI/180)); // Context drehen
objContext.drawImage(objImg, -60, -60); // Bild zentriert zeichnen
}
//-->
</script>
</head>
<body>
<button onclick="drawIt();">drawIt()</button>
<canvas width="240" height="240" id="canvas_id" style="border: 1px solid rgb(51, 51, 51);"><p>Ihr Browser unterstützt das canvas-Element leider nicht.</p></canvas>
</body>
</html>
ich habe deinen Code mal 1:1 übernommen. Es zeigt sich allerdings keine reaktion
Dann dürfte bei dir die Grafikreferenz im JS-Code nicht stimmen, denn das Script verrichtet seinen Job bei mir im FF 1.5.x, 2.x, 3.x , NN 9, Safari 3.1.2 und Seamonkey 1.1.12 tadellos.ich nutze den FF v3.0.4.
Ihr Browser unterstützt das canvas-Element leider nicht.