我想知道为什么我的画布元素的边缘/线条是模糊的(Chrome、IE、FF)并具有所谓的“锯齿效应”(这个表达式是否存在于英语中?:-)),如您在此处看到的:
这只是一个快速的第一次尝试 - 也许我做错了什么?这是代码:
c2 = document.getElementById('test').getContext('2d');
c2.fillStyle = '#f00';
c2.beginPath();
c2.moveTo(0, 0);
c2.lineTo(100, 0);
c2.lineTo(80, 50);
c2.lineTo(0, 50);
c2.closePath();
c2.fill();
c2.fillStyle = "#000";
c2.beginPath();
c2.moveTo(0, 50);
c2.lineTo(80, 50);
c2.lineTo(60, 100);
c2.lineTo(0, 100);
c2.closePath();
c2.fill();
我还将它添加到这个JS Fiddle