我正在玩一些AMI医学成像(AMI) JS ToolKit。是否有一种方法可以将窗口移动到鼠标事件,如右键单击和移动?
我知道用示例中的菜单更改窗口/级别是可能的,但是我想改变控制器来移动鼠标。
谢谢!
发布于 2016-06-07 10:19:21
要通过移动鼠标来控制窗口/级别,您必须侦听mousemouve
事件,然后根据需要更新stackHelper -> slice -> windowWidth/Center
。
如果用户按shift
,则可以启用窗口/级别。
var drag = {
x: null,
y: null
}
var shiftDown = false;
function onKeyPressed(event){
shiftDown = event.shiftKey;
if(!shiftDown){
drag.x = null;
drag.y = null;
}
}
container.addEventListener('keydown', onKeyPressed);
container.addEventListener('keyup', onKeyPressed);
然后在鼠标移动时更新窗口/级别:
function onMouseMove(event){
if(!shiftDown || !stack || !stackHelper){
return;
}
if(drag.x === null){
drag.x = event.offsetX;
drag.y = event.offsetY;
}
var threshold = 15;
var dynamicRange = stack.minMax[1] - stack.minMax[0];
dynamicRange /= container.clientWidth;
if(Math.abs(event.offsetX - drag.x) > threshold){
// window width
stackHelper.slice.windowWidth += dynamicRange * (event.offsetX - drag.x);
drag.x = event.offsetX;
}
if(Math.abs(event.offsetY - drag.y) > threshold){
// window center
stackHelper.slice.windowCenter -= dynamicRange * (event.offsetY - drag.y);
drag.y = event.offsetY;
}
}
container.addEventListener('mousemove', onMouseMove);
查看一个活动演示(shift +鼠标移动到控制窗口级别):http://jsfiddle.net/vabL3qo0/41/
https://stackoverflow.com/questions/37659074
复制相似问题