DGL • Thema anzeigen - wie heißt document.width? [JS]

wie heißt document.width? [JS]

Moderator: DGL-Team

Seite 1 von 1

[ 11 Beiträge ]

Vorheriges Thema | Nächstes Thema

Autor

Nachricht

sharkman

Betreff des Beitrags: wie heißt document.width? [JS]

Verfasst: Mo Nov 19, 2012 14:56

DGL Member

Registriert: Fr Dez 11, 2009 08:02
Beiträge: 532
Programmiersprache: pascal (Delphi 7)

wie mache ich in javascript die Breite und Höhe eines canvas von der des Fensters abhängig?

edit: und wie bekomme ich die Mauskoordinaten relativ zu zB meinem canvas?

Zuletzt geändert von sharkman am Mo Nov 19, 2012 15:16, insgesamt 1-mal geändert.

Nach oben

Lord Horazont

Betreff des Beitrags: Re: wie heißt document.width? [JS]

Verfasst: Mo Nov 19, 2012 15:16

DGL Member

Registriert: Do Sep 02, 2004 19:42
Beiträge: 4158
Programmiersprache: FreePascal, C++

Am besten per CSS, Stichworte sind da Width und Height Properties.

grüße

_________________
If you find any deadlinks, please send me a notification – Wenn du tote Links findest, sende mir eine Benachrichtigung.
current projects: ManiacLab; aioxmpp
zombofant network • my photostream
„Writing code is like writing poetry“ - source unknown

„Give a man a fish, and you feed him for a day. Teach a man to fish and you feed him for a lifetime. “ ~ A Chinese Proverb

Nach oben

sharkman

Betreff des Beitrags: Re: wie heißt document.width? [JS]

Verfasst: Mo Nov 19, 2012 15:33

DGL Member

Registriert: Fr Dez 11, 2009 08:02
Beiträge: 532
Programmiersprache: pascal (Delphi 7)

?

document hat kein width und height. Und übrigens auch kein style. Deswegen frage ich ja.

Und window hat auch nix. Nicht dass es mir was bringen würde.

Nach oben

Lord Horazont

Betreff des Beitrags: Re: wie heißt document.width? [JS]

Verfasst: Mo Nov 19, 2012 15:47

DGL Member

Registriert: Do Sep 02, 2004 19:42
Beiträge: 4158
Programmiersprache: FreePascal, C++

Du solltest das CSS auf das Canvas anwenden. Wenn du's unbedingt per document machen willst, dann pickst du dir document.documentElement raus, das ist das <html /> DOM-Element. Von da aus kommst du entweder an body oder verwendest da schon die entsprechenden Eigenschaften.

grüße

Nach oben

sharkman

Betreff des Beitrags: Re: wie heißt document.width? [JS]

Verfasst: Di Nov 20, 2012 15:21

DGL Member

Registriert: Fr Dez 11, 2009 08:02
Beiträge: 532
Programmiersprache: pascal (Delphi 7)

Zitat:

Du solltest das CSS auf das Canvas anwenden.

Ja, schon, aber irgendwie muss ich ja erst rausfinden, auf welchen Wert ich das Zeug setzen muss. Hat ja nicht jeder das Fenster gleich groß. Und als „Alternative“ zu width und height finde ich nur left, right (und vermutlich top, bottom). die resultieren in einer Warnung (oder auch nicht, das Verhalten scheint hier ziemlich willkürlich zu sein), aber auf jeden Fall tun sie nichts.

mit document.documentElement tut es nichts und gibt auch keine Meldungen aus.

edit: mit % hinten dran funktioniert width, aber nicht height. Setze ich height auf "100%", ist es genauso groß wie width. Außerdem wird die Auflösung nicht angepasst.

Nach oben

Lord Horazont

Betreff des Beitrags: Re: wie heißt document.width? [JS]

Verfasst: Di Nov 20, 2012 17:00

DGL Member

Registriert: Do Sep 02, 2004 19:42
Beiträge: 4158
Programmiersprache: FreePascal, C++

Height und Prozentangaben sind auch sehr haarig und funktionieren nur eingeschränkt mit CSS. Dafür müssen nämlich alle übergeordneten Block-Elemente ebenfalls ein passendes Height gesetzt haben (inkl. Body). Also vielleicht mal:

Code:

 
body { height: 100%; }
canvas { height: 100%; }

probieren, wenn sonst nichts auf der Seite ist. Ansonsten, wie gesagt, document.documentElement hat auf jeden fall die nötigen Properties, siehe auch hier.

grüße

Nach oben

sharkman

Betreff des Beitrags: Re: wie heißt document.width? [JS]

Verfasst: Do Nov 22, 2012 14:08

DGL Member

Registriert: Fr Dez 11, 2009 08:02
Beiträge: 532
Programmiersprache: pascal (Delphi 7)

Code:

canv.width = document.documentElement.clientWidth;
canv.height = document.documentElement.clientHeight;

So funktionierts mal einigermaßen. (er hängt mir immer noch links, oben und unten (aber nicht rechts) einen Rand an, den ich noch irgendwie loswerden muss)

Nach oben

Lord Horazont

Betreff des Beitrags: Re: wie heißt document.width? [JS]

Verfasst: Do Nov 22, 2012 14:24

DGL Member

Registriert: Do Sep 02, 2004 19:42
Beiträge: 4158
Programmiersprache: FreePascal, C++

Hast du die margins und paddings von html und body auf 0 gesetzt?

grüße

Nach oben

sharkman

Betreff des Beitrags: Re: wie heißt document.width? [JS]

Verfasst: Do Nov 22, 2012 15:56

DGL Member

Registriert: Fr Dez 11, 2009 08:02
Beiträge: 532
Programmiersprache: pascal (Delphi 7)

Hab ich gemacht und funktioniert jetzt. thx.

Nach oben

Lord Horazont

Betreff des Beitrags: Re: wie heißt document.width? [JS]

Verfasst: Do Nov 22, 2012 16:49

DGL Member

Registriert: Do Sep 02, 2004 19:42
Beiträge: 4158
Programmiersprache: FreePascal, C++

An dieser Stelle sei dir FireBug ans herz gelegt, das zeigt dir die Margins etc. an.

grüße

Nach oben

sharkman

Betreff des Beitrags: Re: wie heißt document.width? [JS]

Verfasst: Do Nov 22, 2012 19:13

DGL Member

Registriert: Fr Dez 11, 2009 08:02
Beiträge: 532
Programmiersprache: pascal (Delphi 7)

Werd’s mir anschauen.

Nach oben

Seite 1 von 1

[ 11 Beiträge ]

Foren-Übersicht » Programmierung » Allgemein

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 9 Gäste

Du darfst keine neuen Themen in diesem Forum erstellen.
Du darfst keine Antworten zu Themen in diesem Forum erstellen.
Du darfst deine Beiträge in diesem Forum nicht ändern.
Du darfst deine Beiträge in diesem Forum nicht löschen.
Du darfst keine Dateianhänge in diesem Forum erstellen.