graphis: Bug fix: blurred screen after restoring the context (#306)

This commit is contained in:
Hajime Hoshi 2017-01-21 15:16:47 +09:00
parent a1885458fb
commit d3e1f91511

View File

@ -305,13 +305,12 @@ func (u *userInterface) setScreenSize(width, height int, scale float64) bool {
return false
}
u.scale = scale
// When the scale is an integer, let's rely on CSS crisp-edge/pixelated effect.
// Note that pixelated effect doesn't work for canvas on Safari.
if scale == float64(int64(scale)) && !isSafari() {
u.deviceScale = 1
} else {
u.deviceScale = devicePixelRatio()
}
// CSS imageRendering seems useful to enlarge the screen,
// but doesn't work in some cases (#306):
// * Chrome just after restoring the lost context
// * Safari
// Let's use the pixel ratio as it is here.
u.deviceScale = devicePixelRatio()
canvas.Set("width", int(float64(width)*u.actualScreenScale()))
canvas.Set("height", int(float64(height)*u.actualScreenScale()))
canvasStyle := canvas.Get("style")
@ -323,9 +322,6 @@ func (u *userInterface) setScreenSize(width, height int, scale float64) bool {
// CSS calc requires space chars.
canvasStyle.Set("left", "calc((100% - "+strconv.Itoa(cssWidth)+"px) / 2)")
canvasStyle.Set("top", "calc((100% - "+strconv.Itoa(cssHeight)+"px) / 2)")
canvasStyle.Set("imageRendering", "-moz-crisp-edges")
canvasStyle.Set("imageRendering", "pixelated")
// TODO: Set `-ms-interpolation-mode: nearest-neighbor;` for IE.
u.sizeChanged = true
return true
}