nicht angemeldet
canvas zeichnet nur bis 300px
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 =/ :
-
Hallo slyder_pat,
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?! =/
Das ist die Standardbreite (Standardhöhe 150px). Setze die Attribute width und height beim canvas-Element entsprechend.
Grüße,
Thomas-
Das ist die Standardbreite (Standardhöhe 150px). Setze die Attribute width und height beim canvas-Element entsprechend.
Grüße,
Thomasdanke, funzt.. komisch.. das hatte ich am anfang immer ausprob., und dann hat er mir die striche immer nur total verzogen.. naja.. Dankeschöön =D
-