nicht angemeldet
mein Problem ist, dass ich im mom canvas austeste und nicht verstehe, warum er nur bis max 300px zeichnet.. da kann ich höhe und breite einstellen wie ich will.. da funzt nichts.. weis jemand warum?! =/
js:
function drawShape(){
// get the canvas element using the DOM
var canvas = document.getElementById('tutorial');
// Make sure we don't execute when canvas isn't supported
if (canvas.getContext){
// use getContext to use the canvas for drawing
var ctx = canvas.getContext('2d');
var i=0;
ctx.strokeStyle = 'black';
ctx.lineWidth = 1;
ctx.beginPath();
do{
ctx.moveTo(0,i*10);
ctx.lineTo(800,i*10);
i++
}while(i<15);
ctx.stroke();
// Stroked triangle
ctx.strokeStyle = "#FFA500";
ctx.lineWidth = 5;
ctx.beginPath();
ctx.moveTo(0,0);
ctx.lineTo(0,150);
ctx.moveTo(0,150);
ctx.lineTo(280,150);
/*ctx.closePath();*/
ctx.stroke();
ctx.translate(10, 50);
ctx.fillStyle = "Red";
ctx.mozDrawText("Sample String");
} else {
alert('You need Safari or Firefox 1.5+ to see this demo.');
}
}
html:
<body onLoad="drawShape();">
<div style='width:900px;height:500px;'>
<canvas id="tutorial" ></canvas>
</div>
</body>
css:
<style type="text/css">
div{ border:#FF0000 dashed;}
canvas { /*border: 2px solid #000;*/ float: left; margin-left: 20px; margin-top: 20px; }
</style>
so schauts aus =/ :
