läuft nur in manchen browsern

[salazar]

hi ihrs,

ich spiel auch grad mal ein bissal mit der html5 canvas und javascript rum. hab auch direkt aus dem szylla thread die func für die farben übernommen

hier mein kleines experiment:
edit: ich habe den link wieder entfernt. war nur zum testen gedacht.

allerdings hat sich jetzt rausgestellt, dass es bei mir im firefox 3.6.24 und im google chrome 16.0.912.63 einwandfrei läuft, jedoch nicht in anderen browsern, bzw. browser versionen. schon im firefox version 8.01 sieht man nur die stats oben links und die buttons unten links?!

daher die frage, läuft es bei euch? welchen browser habt ihr? fällt jemanden auf was hier schief laufen könnte?

cheers,
sal

[Nightflyer]

Chrome 16, läuft

[salazar]

danke fürs feedback.

wie es aussieht bleibt bei einigen die canvas.width und height auf 0... grad beim kollegen mit dem firebug getestet. das könnte das problem sein, aber gleichzeit kommt da natürlich die frage auf wieso das so ist.

cheers,
sal

[Martin Kraft]

Also auf Win7 64 läufts in Chrome 16.0.912.63 m und Safari 5.1.2. Im
IE 9.0.8112.16421 und Firefox 8.0.1 erscheinen keine Kreise. Und Opera 11.52 zeigt das ganze irgendwie hochskaliert und verzerrt an (siehe Bild).

Benutzt Du vielleicht irgendwelche WebKit-spezifischen Funktionen? Das scheint ja eine weitverbreitete Unsitte in HTML5-Kreisen zu sein

[salazar]

danke fürs feedback!

aber ich versteh das nicht! bei einem kollegen hier direkt nebenan mit win7 und chrome 16.0.912.63 m läufts nicht?! wo soll denn der unterschied sein?
egal... vielleicht erstmal das prob auf den firefox einkreisen. hier ist es nämlich überall so das der ff 8.01 einfach keine kriese anzeigt und behauptet die canvas width und height wären 0.

Benutzt Du vielleicht irgendwelche WebKit-spezifischen Funktionen? Das scheint ja eine weitverbreitete Unsitte in HTML5-Kreisen zu sein

kenn mich mit webkit nicht die bohne aus, aber hab eigentlich soweit alles selbst geschrieben. sind ja auch nicht viele funktionen für nötig... von demher, nee.

gibts evtl probleme mit meiner getCanvas function? sieht evtl hier jemand ein problem? weil ja wie gesagt bei manchen als ausgabe kommt das die cnavas width und height 0 wären:

PHP-Code:

/*
getCanvas
*/
var getCanvas = function( id, fullscreen ) {

    var canvas = document.getElementById( id );

    if ( canvas.getContext ) {

        if ( fullscreen.fullscreenMode ) {

            canvas.width = document.width - fullscreen.widthDif;
            canvas.height = document.height - fullscreen.heightDif;

        }

        return canvas;

    }

    return null;

} 


und aufgerufen wird das ganze so:

PHP-Code:

var fullscreenObj = {};
fullscreenObj.fullscreenMode = true;
fullscreenObj.widthDif = 0;
fullscreenObj.heightDif = 0;//70;

this.canvas = getCanvas( canvasID, fullscreenObj );
this.canvasContext = this.canvas.getContext( "2d" ); 


cheers,
sal

[Martin Kraft]

Soweit ich weiß gibt es doch gar keine Eigenschaft namens width in document?!

PHP-Code:

alert(document.width); // Firefox -> undefined 


[salazar]

okay, hm, bei mir kommt da nen wert bei raus wenn ich mir das ausgeben lasse:

alert(document.width);

ausgabe 1152... da scheinen sich die beiden firefox versionen massiv zu unterscheiden!
wie würdest du denn die breite abfragen?

cheers,
sal

[Martin Kraft]

Es geht natürlich auch irgendwie mit reinem JS, aber um solche Browserinkompatibilitäten zu überwinden, hat man ja eigentlich jQuery entwickelt:

PHP-Code:

alert( $(document).width() ); 


[salazar]

ich steig da grad erst ein.
okay, dann schau ich mich mal schlau!

cheers,
sal

[salazar]

also es lag tatsächlich am document.width bzw document.height.. aua aua.
mit jquery klappts jetzt. danke martin für den tipp!

cheers,
sal