极客观点
项目管理
HarmonyOS
canvas 1px会出现模糊变粗的可能，原理已经知道了
https://segmentfault.com/a/11...
但是为什么如果是绘制的斜线，则不会出现这种问题呢
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset=" utf-8">
<style>
canvas{
border:1px solid #ccc;
}
</style>
<script>
window.onload = function () {
let canvas = document.getElementById("cvs");
let ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.moveTo(10, 10);
ctx.lineTo(80, 80);
ctx.stroke();
}
</script>
</head>
<body>
<canvas id="cvs" width="180" height="100"></canvas>
</body>
</html>上面这个代码就没有出现变粗问题