我正在尝试使用cornerstonejs/工具实现一个加载了多个图像的视图(假设一个元素中有4 * 4个图像)。我不需要为所有这些图像保存状态,除了第一个。对于这个图像,我已经有了一个状态管理器和一个基石元素。
据我所知,基石工具中没有工具可以在同一个画布中显示多个图像。实现这一点的正确方法是什么?我的想法是为单独的图像加载单独的基石对象,从而为每个图像使用不同的画布,如此处的示例所示。
<script>
// image enable the elements
const mr1 = document.getElementById('mr1');
cornerstone.enable(mr1);
const mr2 = document.getElementById('mr2');
cornerstone.enable(mr2);
const ct1 = document.getElementById('ct1');
cornerstone.enable(ct1);
// load and display the images
cornerstone.loadAndCacheImage('example://1').then(function(image) {
cornerstone.displayImage(mr1, image);
});
cornerstone.loadAndCacheImage('example://2').then(function(image) {
cornerstone.displayImage(mr2, image);
});
cornerstone.loadAndCacheImage('ctexample://1').then(function(image) {
cornerstone.displayImage(ct1, image);
});
</script>
有没有更好的方法来实现这一点,我不必为每个图像创建基石对象,但对图像具有独立的基本功能(缩放、平移等不需要保存)。