SVG/캔버스 :: 모양 - 렌더링 = "crispEdges"via JavaScript?

앤티 앨리어싱을 해제하고 싶습니다. 모양 렌더링에서 까지 "crispEdges"을 설정해야한다고 생각합니다.SVG/캔버스 :: 모양 - 렌더링 = "crispEdges"via JavaScript?

어떻게하면 되나요? JavaScript?

이것을 내가 앤티 앨리어싱을 해제 할 필요가 내 코드의 일부 :

context.strokeStyle = gradient; 
context.lineWidth = 1; 
context.moveTo(x + size, y + size); 
context.lineTo(x + dx, y + dy); 
context.stroke();

그래서 선이 왼쪽에 다른 하나는 오른쪽에 하나처럼 보이게하고 안된다.

enter image description here

모든 도움을 주시면 감사하겠습니다!

someElement.style.shapeRendering = "crispEdges";

또는 속성으로 :

2012-07-05 Ωmega

[HTML

SVG에서

이 같은 '모양 렌더링'속성 등을 설정할 수 있습니다

someElement.setAttribute("shape-rendering", "crispEdges");

HTML5 캔버스 전환을위한 방법이 없습니다에 앤티 앨리어싱/끄기, 왜 이안 힉슨 (Ian Hickson)이 this thread에 줄 수있는 몇 가지 이유가 있습니다.

2012-07-06 07:18:48

Canvas에서는 불가능하지만 맞습니까? –

Firefox의 SVG 요소에서 Chrome이 도형 렌더링에 문제가있을 수 있습니다. –

답변