Canvas의 shadowOffset은 스케일에 영향을받지 않습니다.
ctx.scale(5, 5);
ctx.shadowColor = "rgba(0, 0, 0, 0.5)";
ctx.shadowOffsetY = 100;
ctx.fillStyle = "#222";
ctx.fillRect(50, 50, 100, 100);
이것을 1000x1000의 Canvas에서 실행하면 다음과 같습니다. Chrome과 Firefox에서 확인했습니다.
스케일로 5배 하고 있습니다만 그림자의 어긋남은 100px입니다. 왜 영향을 받지 않는가? 이것은 shadowOffset 값에 scale 값을 곱하여 피할 수 있습니다.
ctx.shadowOffsetY = 100 * 5;
Reference
이 문제에 관하여(Canvas의 shadowOffset은 스케일에 영향을받지 않습니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/TR246/items/96cacf17df000510a8a5텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)