bubittone
09-01-2012, 17:49
Salve a tutti. Il mio problema é questo: voglio disegnare, tramite un codice javascript, un semplice quadrato con segno di spunta. Ma il disegno non viene visualizzato, vengono unicamente visualizzati i bordi della "tela" del canvas (bordi ovviamente impostati tramite css) e nient'altro. Qui di seguito inserisco il codice:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CANVAS</title>
<script type="text/javascript" src="modernizr-2.0.6.js"></script>
<link rel="stylesheet" type="text/css" href="stile canvas.css">
</head>
<body>
<canvas id="tela" width="300" height="300">
Iltuo browser non supporta l'elemento canvas
</canvas>
<script>
function canvasJob() {
var canvas = document.getElementById("tela");
var context = null;
if (Modernizr.canvas) {
context = canvas.getContext("2d");
context.fillStyle = "rgb(18, 83, 38)";
context.fillRect(30,30,100,100);
context.fillStyle = "rgb(30, 70, 23)";
context.strokeRect(29,29,102,102);
/* context.beginPath();*/
context.moveTo(60,60);
context.lineTo(100,120);
context.moveTo(100,120);
context.lineTo(120,20);
context.lineWidth = 15;
context.lineCap = "round";
context.strokeStyle = "rgba(32, 345, 64, 0.5)";
context.stroke();
}
}
</script>
</body>
</html>
Sto sbagliando l'inserimento dello script Javascript? Dubito che il codice javascript sia sbagliato e non perché l'ho scritto io ( l'ho preso da un manuale) però non si sa mai!!
VI RINGRAZIO PER L'AIUTO CHE VORRETE DARMI!!
P.S. Sono alle prime armi, abbiate pietà! CIAO
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CANVAS</title>
<script type="text/javascript" src="modernizr-2.0.6.js"></script>
<link rel="stylesheet" type="text/css" href="stile canvas.css">
</head>
<body>
<canvas id="tela" width="300" height="300">
Iltuo browser non supporta l'elemento canvas
</canvas>
<script>
function canvasJob() {
var canvas = document.getElementById("tela");
var context = null;
if (Modernizr.canvas) {
context = canvas.getContext("2d");
context.fillStyle = "rgb(18, 83, 38)";
context.fillRect(30,30,100,100);
context.fillStyle = "rgb(30, 70, 23)";
context.strokeRect(29,29,102,102);
/* context.beginPath();*/
context.moveTo(60,60);
context.lineTo(100,120);
context.moveTo(100,120);
context.lineTo(120,20);
context.lineWidth = 15;
context.lineCap = "round";
context.strokeStyle = "rgba(32, 345, 64, 0.5)";
context.stroke();
}
}
</script>
</body>
</html>
Sto sbagliando l'inserimento dello script Javascript? Dubito che il codice javascript sia sbagliato e non perché l'ho scritto io ( l'ho preso da un manuale) però non si sa mai!!
VI RINGRAZIO PER L'AIUTO CHE VORRETE DARMI!!
P.S. Sono alle prime armi, abbiate pietà! CIAO