Я пытаюсь вычислить 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();
}