39,083
社区成员
发帖
与我相关
我的任务
分享求助一下各位大大 canvas 缩放的时候会出现锯齿
以下代码 运行之后第一个小图是scale()来缩放的
第二个是img标签直接设置width来缩放的 而且我用PHP上传缩放也是获得第二个图的效果
请问各位大大 canvas里缩放怎么能达到没有缩放锯齿的图呢 我是有什么参数没设置吗
第二个是img标签直接设置width来缩放的 而且我用PHP上传缩放也是获得第二个图的效果
请问各位大大 canvas里缩放怎么能达到没有缩放锯齿的图呢 我是有什么参数没设置吗
<html>
<head>
<title> 缩放锯齿 </title>
<meta content="">
<style>
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
</head>
<body>
<canvas id="myCanvas"></canvas>
<script type="text/javascript">
function loadcanvas(){
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
context.scale(0.2,0.2);
var image = new Image();
image.src = $("#img_tmp").attr("src");
context.drawImage(image,0,0);
}
</script>
<img src='https://img-bbs.csdn.net/upload/201307/11/1373540076_354144.jpg' id='img_tmp' onload = 'loadcanvas();' width='100'/>
</body>
</html>
...全文
请发表友善的回复…
发表回复
