Fork
1
Fav
2
View
7987
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 40 lines
  • HTML 8 lines
  • CSS 2 lines

Canvas drawImage() で画像を縮めすぎるとギザギザする問題を解消する

背景

  • canvasContext.drawImage() では画像の大きさを引き延ばして描画することができる
  • 画像を拡大または縮小するときにはアンチエイリアスがかかる(Windows, OS X, iOS で確認)
  • 画像の縮小率が 50% を下回るとジャギーが発生する

目的

  • 画像の縮小率が 50% を下回る場合でもジャギーを発生させない

方法

  • いったん目的の画像と元画像の中間の大きさの画像を生成する

結果

  • いいがになった
  • Windows 版 Chrome, Exlorer, Opera ではきわめて良好、Firefox は若干鮮鋭度が落ちる
  • Canvas drawImage() で画像を縮めすぎるとギザギザする問題を解消する
  • jQuery v1.8.2
  • Canvas drawImage() で画像を縮めすぎるとギザギザする問題を解消する

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

21f

Author

ちゅん ちゅん

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by

Forked

sort by