高清屏出現之前,显示屏的1个物理学像素便是css所界定的1个逻辑性像素(估算那个情况下都还没物理学像素和逻辑性像素的定义)。因而应用下面编码便可以在访问器中展现1个600x386的Canvas。
<html> <head> <title>Canvas demo</title> <style> * { padding: 0; margin: 0; } html, body { width: 100%; } #canvas { display: block; border: 1px solid red; margin: 10px auto 0; } </style> </head> <body> <canvas id="canvas" width="600" height="386">Canvas is not supported</canvas> <script> var canvas = document.getElementById('canvas'); var ctx = canvas.getContext('2d'); ctx.beginPath(); ctx.arc(300, 150, 20, 0, Math.PI*2); ctx.fillStyle = "#0095DD"; ctx.fill(); ctx.closePath(); </script> </body> </html>
总结
以上所述是网编给大伙儿详细介绍的高清屏中应用Canvas制图出現模糊不清的难题及处理方式,期待对大伙儿有一定的协助,假如大伙儿有任何疑惑请给我留言,网编会立即回应大伙儿的。在此也十分谢谢大伙儿对脚本制作之家网站的适用!