Guten Tag.
Ich habe eine Funktion mit JS geschrieben, die unter anderem die Größe des Browserfensters ausliest und ein Bild darstellt. Wenn ich dann das Bld durch <canvas> aufrufe erscheint ein weißer Rand drumherum. Zu sehen in Firefox und Safari, Rest hab ich noch nicht getestet.
Weiß da jemand was und kann mir weiterhelfen? Muss ich das via CSS kaschieren oder wie?
Nun, woher kommt der Rand? Hier der wichtige Teil des Codes. (Der kreierte Teil wurde hier mal entfernt).
<!DOCTYPE html>
<html>
<head>
<title>HTML5 Canvas Demo</title>
<script src="http://code.jquery.com/jquery-1.8.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(window).load(function() {
$(window).resize();
});
$(window).resize(function () {
// Get window sizes
var width = $(window).width();
var height = $(window).height();
// Get canvas
var verlauf = $('#verlauf');
verlauf.attr('width', width);
verlauf.attr('height', height);
// Get context
var context = verlauf.get(0).getContext('2d');
// Fill the image
context.fillStyle=art;
context.fillRect(0, 0, width, height);
});
</script>
</head>
<body><canvas id="verlauf" ></canvas></body>
</html>