Canvas Umlaute
- Themenstarter Jofre
- Beginndatum
Sempervivum
Erfahrenes Mitglied
Bei dem Beispiel von Selfhtml funktioniert es einwandfrei:
Edit fiddle - JSFiddle
Muss irgendwie an deinem Umfeld liegen.
Edit fiddle - JSFiddle
Muss irgendwie an deinem Umfeld liegen.
Sempervivum
Erfahrenes Mitglied
Nein, keine Idee ohne es zu sehen. Hast Du es online?
Technipion
Erfahrenes Mitglied
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
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>Technipion
Erfahrenes Mitglied
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
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.
