nicht angemeldet
HTML 5 Canvas
Gunnar BittersmannHey,
ich hab ein Problem mit der größe eines Canvas in einem HTML 5 Dokument.
Das Canvas sollte auf 100% der Bildschirmhöhe und Breite gehen. Tut es auch, aber nur wenn ich den HTML5 Doctype weglasse.
<!DOCTYPE html>
Natürlich möchte dass das Canvas auch mit dem korrekt Doctype funktioniert. Hat jemand eine Idee? Ich hab schon sämtliches Padding und Margin entfernt. Leider ohne Effekt.
Hier der Quellcode
<!DOCTYPE html>
<html>
<head></head>
<style type="text/css">
<!--
html, body {
width: 100%;
height: 100%;
padding: 0px;
margin: 0px;
}
canvas {
background-color: #EEE;
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
border: 0px;
}
-->
</style>
<body>
<canvas></canvas>
</body>
</html>
Vielen Danke für die Hilfe
-
Hi,
Das Canvas sollte auf 100% der Bildschirmhöhe und Breite gehen. Tut es auch, aber nur wenn ich den HTML5 Doctype weglasse.
Natürlich möchte dass das Canvas auch mit dem korrekt Doctype funktioniert. Hat jemand eine Idee?
- absolut positionieren
- Maße mit JavaScript setzen (ohne JavaScript wirst du mit einem Canvas-Element ja vermutlich eh nicht viel anfangen)
MfG ChrisB
--
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?-
@@ChrisB:
nuqneH
- Maße mit JavaScript setzen
Und dabei auch auf ein 'resize'-Event reagieren.
Qapla'
--
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
(Mark Twain)