Javascript 基石图像查看器调整画布大小单击按钮
我正在使用基石图像查看器。 我想把屏幕分成3列。 最初,左侧和右侧div应隐藏,中间div应显示全窗口大小。 当我单击“显示左分区”时,屏幕必须缩小并适应2个分区。 单击“显示右div”“隐藏左div”“显示右div和中div”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();
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(),第二次屏幕分割和调整画布大小它不会打开。你能把这个图像添加到你的问题中吗?