Canvas Umlaute

Hi,
ich gehe mal davon aus, dass du die Seite auf Windows 10 entwickelt hast. Dann könnte es an der (besch*******) Codierung auf Windows liegen. Schau mal nach ob deine Datei als UTF-8 oder als ISO 8859-1 codiert ist. Dann ggf. zu UTF-8 konvertieren.

Gruß Technipion
 
Code:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<style>
canvas {
    
    border: 1px red solid;
    background-color: #FFEFDB;
    cursor: url(Images/fadenkreuz.png),  auto;


}
</style>
</head>
<body onload="ladeGame()"></body>
<body >
    <canvas id = "findeZahl"></canvas>
<script>

var canv = document.getElementById("findeZahl");
var ctx = canv.getContext("2d");
canv.width=500;
canv.height=500;

function ladeGame(){
    meldung("Erhöhe die Geschwindigkeit","20px Arial","black",40, 30);
  }


function meldung(text, schrift,farbe,xm,ym)
   {
        ctx.fillStyle = farbe;
        ctx.font = schrift;
        ctx.fillText(text, xm ,ym);
    }
  
      </script>


</body>
</html>
 
Dann ggf. zu UTF-8 konvertieren
Wie wäre es damit:
HTML:
<!DOCTYPE html>
<meta charset="utf-8">
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<style>
canvas {

    border: 1px red solid;
    background-color: #FFEFDB;
    cursor: url(Images/fadenkreuz.png),  auto;


}
</style>
</head>
<body onload="ladeGame()"></body>
<body >
    <canvas id = "findeZahl"></canvas>
<script>

var canv = document.getElementById("findeZahl");
var ctx = canv.getContext("2d");
canv.width=500;
canv.height=500;

function ladeGame(){
    meldung("Erhöhe die Geschwindigkeit","20px Arial","black",40, 30);
  }


function meldung(text, schrift,farbe,xm,ym)
   {
        ctx.fillStyle = farbe;
        ctx.font = schrift;
        ctx.fillText(text, xm ,ym);
    }

      </script>


</body>
</html>

Gruß Technipion
 
<meta charset="utf-8">
Das bringt aber nur was, wenn der Server nicht auch eine Kodierung im Content-Type-Header angibt. Diese hat immer Vorrang gegenüber <meta charset>. Sollte es außerdem nicht im <head> stehen? ;)

@Jofre Dein Server sollte die HTML-Datei als text/html mit UTF-8 im Content-Type-Header ausgeben. Das kannst du in der Devconsole im Networktab überprüfen.
Die Datei selbst sollte natürlich auch valides UTF-8 (ohne BOM) sein. Das ist leider schwer zu sagen, auch wenn du die Datei hier direkt reingepostet hast. Da sind einfach nur viele "Stationen dazwischen", z. B. könnte die Forensoftware UTF-8 erzwingen usw. Entweder selbst überprüfen (etwa mit Notepad++) oder gezippt hier reinstellen.
 
Zurück