2018 ソフトウェア設計及び演習用の班Wiki
18::gr07::プログラム
画像拡大
- ドット絵を綺麗に拡大します。
- htmlファイルとcssファイルは同じディレクトリにおいてください。
- 画像の大きさは統一したいので後で話しあいましょう。(元は46px×46px)
(これぐらい)
- Firefox
htmlファイル内
<!DOCTYPE html>
<html>
<head>
<LINK rel="stylesheet" type="text/css" href="CSSファイルの名前.css">
<meta charset="utf-8" />
<title>picture</title>
<script type="text/javascript">
document.write('<img src="使う画像のリンクとか" width="100" height="100" />')
if(navigator.userAgent.indexOf("Edge")>0)
$(window).load(function(w,h,c,x,y){w="width";h="height";
$("img")
.map(function(v,d){c=$("<canvas>")[0];x=c[w]=d[w];y=c[h]=d[h];
v=c.getContext("2d");
v.imageSmoothingEnabled=v.msImageSmoothingEnabled=0;v.drawImage(d,0,0,x,y);
$(c).replaceAll(d)})})
</script>
</head>
</html>
最終更新日：2018/05/25 16:10:38
