Ich lerne gerade JavaScript/HTML/CSS, und habe zur Übung ein kleines Skin Tools geschrieben, das das selbe macht wie drei dutzend Websites: Es liefert den Skin jedes beliebigen Minecraftspielers (sofern er oder sie einen Skin hat). Das sieht so aus:
Das Script sieht dann so aus:
tl;dr:
Wie kann ich ein 64x32px-Bild ohne Interpolation, pixelig, wie Notch die Minecraft Skins nunmal schuf, als 320x160px-Bild anzeigen lassen? Wenn ich nämlich die width auf 320 stelle, wird das Bild unscharf und verschwommen. Um mein Anliegen zu verdeutlichen, hier nochmal ein Bild:
Links der Originalskin, rechts das gewünschte Ergebnis.
HTML-Code:
<html>
<head>
<title>Hashtag's MCSkinTool</title>
<script src="mcskintool.js" type="text/javascript"></script>
</head>
<body>
<input id="name" type="textfield"></input>
<button onclick="getSkin();">Skin anzeigen</button>
<img id="output" src="steve.png">
</body>
</html> Das Script sieht dann so aus:
Code:
getSkin = function() {
output = document.getElementById("output");
username = document.getElementById("name").value;
output.src = "http://ift.tt/1EhgCIi; + username + ".png";tl;dr:
Wie kann ich ein 64x32px-Bild ohne Interpolation, pixelig, wie Notch die Minecraft Skins nunmal schuf, als 320x160px-Bild anzeigen lassen? Wenn ich nämlich die width auf 320 stelle, wird das Bild unscharf und verschwommen. Um mein Anliegen zu verdeutlichen, hier nochmal ein Bild:
Links der Originalskin, rechts das gewünschte Ergebnis.
software [HTML] Bilder ohne Interpolation skalieren?
Aucun commentaire:
Enregistrer un commentaire