globalcompositeoperation

4열

1답변

캔버스에서 globalCompositeOperation을 사용하여 여러 도형을 마스킹합니다.

여러 직사각형을 그린 다음 globalCompositeOperation 'source-in'을 사용하여 마스크를 적용하려고합니다. 그러나 문제는 그 사각형을 채울 때 사라집니다. 한 번만 fill()을 호출하면 모두 올바르게 그려 지지만 적용된 마지막 채우기 스타일 만 존중합니다. 문제 코드 -가 ctx.drawImage(self.glass.mask, 25

3열

1답변

KonvaJS에서 globalcompositeOperation과 함께 이미지 마스크를 사용 하시겠습니까?

나는 Konva.js 프레임 워크를 사용하고 다른 마스크 위에 이미지 마스크를 적용하려고합니다. 코드가 post에서 완전히 복사됩니다. 이 jsfiddle example에는 배경 (Rect)을 추가하기위한 약간의 수정이 있습니다. 배경이 올바르게 그려지지 않는 것이 문제입니다. 코드에서 실제 작동 상태를 보려면 주석 처리/주석 해제 (문제의 실제 상황을 파

0열

1답변

다중 병합 <canvas> 문제

globalcompositeoperation을 여러 개 사용해야하는 간단한 앱을 설계하고 있으므로 여러 숨겨진 항목을 사용해야 만 최종 결과를 얻을 수 있습니다. 캔버스 항목 중 하나는 drawImage()에 사용 된 다음 알파 마스크로 사용합니다. 제 1 캔버스를 그릴 때 제 2 캔버스를 사용한다고 가정하면 제 2 캔버스에 그 위에 제 2 캔을 더할 수

1열

2답변

HTML5가 전체 합성 작업으로 모양을 겹치고 있습니다.

이 애니메이션을하고 싶습니다. 바다에서 수위가 상승하여 구덩이가있는 작은 산을 삼키고 있습니다. 물이 빠져 나갈 때 일부는 주머니에 남아 있고 다시 수위가 상승하면 다시 하나가됩니다. 이 애니메이션은 무한정 계속됩니다. 이제는 두 가지 접근 방법을 사용하여이 작업을 시도했습니다. 1) 바다에서 물의 흐름으로 수영장에서 물을 채우고 지우십시오. ctx.bez

0열

1답변

globalCompositeOperation을 행과 함께 사용 하시겠습니까?

HTML5의 캔버스 요소로 시계를 만들려고합니다. 내가하려는 것은 매초마다 줄을 만들고 이전 줄을 지우는 것입니다. globalCompositeOperation='xor';을 사용하여 다른 선을 그릴 때 이전 선을 지우고 싶지만 작동하지 않습니다! 여기 코드입니다 : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Trans

0열

1답변

제한된 수의 이미지에 globalCompositeOperation 사용

매우 제한된 수의 이미지에만 globalCompositeOperation을 사용할 수 있습니까? 예를 들어 나는 캔버스에 많은 것을 그려 넣습니다. 그리고 모든 것의 맨 위에는 무관하게 완성 된 두 개의 이미지에 대해 몇 가지 작업을 수행하고 싶습니다. (두 이미지가 아니라 결과를 표시하고 싶습니다.) 어떻게 할 수 있습니까? 지금은 이러한 작업을 수행하면

3열

1답변

캔버스 globalcompositeOperation 문제 삼성 갤럭시 S3 4.1.1 & 4.1.2

나는 안드로이드 브라우저를위한 작은 그리기 응용 프로그램을 만들려고합니다. 그러나 globalCompositeOperation = "목적지 - 아웃"을 사용하여 비트 맵을 지우려고 할 때 문제가 발생했습니다. 단순히 삼성 Galaxy S3에서 작동하지 않습니다. 정확한 코드는 Android 4.1을 사용하는 HTC ONE X에서 올바르게 작동합니다. 1 여

1열

1답변

Canvas globalCompositeOperation이 올바르게 작동하지 않습니다.

MDN에서이 데모를 jsFiddle에 넣고 색상을 50 % 투명하게했습니다. http://jsfiddle.net/eGAvb/ 이제, 애플에 따르면, source-in은 "소스 이미지와 대상 이미지가 모두 불투명 곳 소스 이미지를 표시 할 예정이다. 소스 및 대상은 모두 반투명 어디에서나 조화를 표시합니다. 소스 투명성 곳 중 하나를 표시 또는 대상이 투명합

1열

2답변

globalCompositeOperation "destination-out"을 사용한 후에는 새 도형을 묶는 개요를 어떻게 얻을 수 있습니까?

나는 파란색 윤곽선을 가진 호를 가지고 있고 그 다음 글로벌 합성 연산자 "destination-out"을 사용하여 호의 일부를 덮고있는 원을 가지며, 그 결과 호의 일부가 취소/제거되지만 새로운 부분 외곽선이없는 외형을 가지고 있다면 외곽선을 외곽선으로 재구성하는 쉬운 방법이 있습니까? 예를 들어 작업 는 여기에서 찾을 수 있습니다 : http://jsf

0열

1답변

하나의 캔버스에서 다른 캔버스로 복합 도형을 드래그 앤 드롭 할 수 있습니까?

나는 이것에 대한 기초 만 알고 있으므로 HTML5을 처음 사용합니다. 누군가가 나를 도울 수 있다면 그것은 나를 위해 위대 할 것입니다. diff 모양을 디자인하고 div에서 캔버스로 드래그 앤 드롭해야합니다. 저는 캔버스에서 globalcomposite 작업을 사용하여 다른 모양을 만들었습니다. 이제 캔버스에서 다른 캔버스로 드래그해야합니다. 어떤 사람