Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/468.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 基石图像查看器调整画布大小单击按钮_Javascript_Jquery - Fatal编程技术网

Javascript 基石图像查看器调整画布大小单击按钮

Javascript 基石图像查看器调整画布大小单击按钮,javascript,jquery,Javascript,Jquery,我正在使用基石图像查看器。 我想把屏幕分成3列。 最初,左侧和右侧div应隐藏,中间div应显示全窗口大小。 当我单击“显示左分区”时,屏幕必须缩小并适应2个分区。 单击“显示右div”“隐藏左div”“显示右div和中div” function resizeStudyViewer() { var studyRow = $(studyViewer).find('.studyContainer')[0]; var height = $(studyRow).height();

我正在使用基石图像查看器。 我想把屏幕分成3列。 最初,左侧和右侧div应隐藏,中间div应显示全窗口大小。 当我单击“显示左分区”时,屏幕必须缩小并适应2个分区。 单击“显示右div”“隐藏左div”“显示右div和中div”

function resizeStudyViewer() {
    var studyRow = $(studyViewer).find('.studyContainer')[0];
    var height = $(studyRow).height();
    var width = $(studyRow).width();
    $(seriesList).height("100%");
    $(parentDiv).width(width - $(studyViewer).find('.thumbnailSelector:eq(0)').width());
    $(parentDiv).css({ height: '100%' });                            
    $(imageViewerElement).css({ height: $(parentDiv).height() - $(parentDiv).find('.text-center1:eq(0)').height() });

    $(imageViewerElement).css({ height: '100%'});

    imageViewer.forEachElement(function (el, vp) {
        cornerstone.resize(el, true);
        if ($(el).data('waiting')) {
            var ol = vp.find('.overlay-text');
            if (ol.length < 1) {
                ol = $('<div class="overlay overlay-text">Please drag a stack onto here to view images.</div>').appendTo(vp);
            }
            var ow = vp.width() / 2, oh = vp.height() / 2;
            ol.css({ top: oh, left: ow - (ol.width() / 2) });
        }
    });
}
// Call resize viewer on window resize
$(window).resize(function () {
    resizeStudyViewer();
});
函数resizeStudyViewer(){
var studyRow=$(studyView).find('.studyContainer')[0];
变量高度=$(studyRow).height();
变量宽度=$(studyRow).width();
$(系列列表)。高度(“100%”;
$(parentDiv).width(width-$(studyViewer).find('.thumbnailSelector:eq(0)')).width();
$(parentDiv).css({height:'100%});
$(imageViewerElement).css({height:$(parentDiv).height()-$(parentDiv).find('.text-center1:eq(0)').height());
$(imageViewerElement).css({height:'100%});
imageViewer.forEachElement(函数(el,vp){
基石。调整大小(el,true);
if($(el).data('waiting')){
var ol=vp.find('.overlay text');
如果(ol长度<1){
ol=$(“请将堆栈拖到此处查看图像”。).appendTo(vp);
}
var ow=vp.width()/2,oh=vp.height()/2;
css({top:oh,left:ow-(ol.width()/2)});
}
});
}
//在调整窗口大小时调用调整大小查看器
$(窗口)。调整大小(函数(){
resizeStudyViewer();
});

你能提供一个说明吗?你可以在这个链接中参考ohif image viewer(),第二次屏幕分割和调整画布大小它不会打开。你能把这个图像添加到你的问题中吗?