FabricJS를 사용하여 이미지에 이미지 스무딩을 추가하는 방법은 무엇입니까?

이 튜토리얼에서는 이미지에 이미지 스무딩을 추가하는 방법을 보여 드리겠습니다. FabricJS를 사용하세요. 스무딩은 이미지에 부드러운 효과를 줍니다. 이미지를 만들 수 있어요 fabric.Image 인스턴스를 생성하여 객체를 생성합니다. 기본 요소 중 하나이기 때문에 FabricJS를 사용하면 각도, 불투명도 등과 같은 속성을 적용하여 쉽게 사용자 정의할 수도 있습니다. 이미지 스무딩을 추가하려면 imageSmoothing 속성을 사용합니다.

문법

으아악

매개변수

• element - 이 매개변수는 이미지를 나타내는 HTMLImageElement, HTMLCanvasElement, HTMLVideoElement 또는 String 요소를 허용합니다. 문자열은 URL이어야 하며 이미지로 로드됩니다.

• 옵션(선택 사항) - 이 매개변수는 개체에 추가 사용자 정의를 제공하는 개체입니다. 이 매개변수를 사용하면 imageSmoothing이 속성인 이미지 개체와 관련된 원점, 획 너비 및 기타 여러 속성을 변경할 수 있습니다.

• Callback (선택) - 최종 필터 적용 후 호출되는 함수입니다.

옵션 키

• imageSmoothing - 이 속성은 Boolean 값을 허용합니다. 이미지를 그릴 때 캔버스가 이미지 스무딩을 사용하는지 여부입니다. 그것은 기본값은 true입니다.

이미지 개체의 기본 모양

예

imageSmoothing을 수행할 때 이미지 객체가 어떻게 나타나는지 이해하기 위해 코드 예제를 살펴보겠습니다. 속성은 사용되지 않습니다. 이 경우 기본값이 사용되며 이는 true입니다. 캔버스는 이미지 스무딩을 사용합니다. 으아악

imageSmoothing 속성을 사용하고 false로 전달하세요. 가치

예

이 예에서는

imageSmoothing 속성을 사용하고 false로 할당했습니다. 값. 따라서 캔버스는 이미지를 그리는 데 더 이상 이미지 스무딩을 사용하지 않습니다. 으아악

결론

이 튜토리얼에서는 두 가지 예를 사용하여 방법을 보여줍니다. FabricJS를 사용한 이미지

위 내용은 FabricJS를 사용하여 이미지에 이미지 스무딩을 추가하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!