Вычислить Shadow offsetX, offsetY в Fabric JS с углом и направлением - PullRequest
0 голосов
/ 20 февраля 2019

Я пытаюсь вычислить offsetX и offsetY, чтобы тень можно было установить с помощью параметра расстояния и угла / направления, как в фотошопе.У меня проблемы с математическим расчетом, чтобы установить правильные offsetX и offsetY.Кто-нибудь может подсказать правильную формулу или обновить jsfiddle?

http://jsfiddle.net/talkwaqar/nvqw6bx8/

function resetShadow() {

 var distance = $("#slider-distance").slider("value"); 
 var direction = $("#slider-direction").slider("value"); 

var offsetX = distance - (direction);
var offsetY = Math.cos(direction*Math.PI/180) * distance + 10

  circle.setShadow({
    color: '#5b238A',
    blur: 20,
    offsetX: offsetX,
    offsetY: offsetY
  });


  canvas.renderAll();

}
...