在使用HTML5 canvas画图时，如果将canvas的宽高定义在样式中，会导致图片被自动放大模糊。正确的做法是直接在canvas标签中指定宽高，避免样式导致的图像质量下降。
被这个折腾了2个小时
在定义canvas的标签的时候，一般是要确定它的高和宽的。不过切记不要定义到样式里面去......否则，里面所画的图片会自动放大或者缩小。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JavaScript Platformer 1</title>
<style type="text/css">
#Map{
border:1px solid #000;
width:1000px;
height:600px;
}
</style>
</head>
<body>
<canvas id="Map" >Your browser does not support the canvas element.</canvas>
</body>具体画图的JS就不贴了，就是用的drawImage( image , x , y )这个函数而已。悲剧的结果
最低0.47元/天 解锁文章
1045
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
