Files
config-pacs-docker/nv/html/dwv/tests/visual/index-jpeg.html
2025-02-26 14:49:25 +07:00

143 lines
6.1 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>DWV DICOM jpg Check</title>
<meta charset="UTF-8">
<meta name="description" content="DICOM Web Viewer (DWV) simple version">
<meta name="keywords" content="DICOM,HTML5,JavaScript,medical,imaging,DWV">
<!-- Style -->
<style type="text/css">
body { font-family: Arial, Helvetica, sans-serif; }
.snapshot {
float: left; margin: 5px;
max-width: 200px; max-height: 200px;
}
.layerContainer {
float: left; margin: 5px;
width: 200px; height: 200px;
}
.doc { float: left; margin: 5px; }
.path {
border-bottom: 1px dashed #999;
text-decoration: none;
}
.key {
color: #999;
}
.separator { clear: both; }
.footer {
margin-top: 15px; padding: 5px;
background-color: #ccc;
}
</style>
<!-- Third party (dwv) -->
<script type="text/javascript" src="../../ext/modernizr/modernizr.js"></script>
<!-- Third party (load) -->
<script type="text/javascript" src="../../decoders/rii-mango/lossless-min.js"></script>
<script type="text/javascript" src="../../decoders/pdfjs/jpg.js"></script>
<!-- Local -->
<script type="text/javascript" src="../../src/app/application.js"></script>
<script type="text/javascript" src="../../src/app/viewController.js"></script>
<script type="text/javascript" src="../../src/dicom/dicomParser.js"></script>
<script type="text/javascript" src="../../src/dicom/dictionary.js"></script>
<script type="text/javascript" src="../../src/gui/filter.js"></script>
<script type="text/javascript" src="../../src/gui/generic.js"></script>
<script type="text/javascript" src="../../src/gui/help.js"></script>
<script type="text/javascript" src="../../src/gui/html.js"></script>
<script type="text/javascript" src="../../src/gui/info.js"></script>
<script type="text/javascript" src="../../src/gui/layer.js"></script>
<script type="text/javascript" src="../../src/gui/loader.js"></script>
<script type="text/javascript" src="../../src/gui/style.js"></script>
<script type="text/javascript" src="../../src/gui/tools.js"></script>
<script type="text/javascript" src="../../src/gui/undo.js"></script>
<script type="text/javascript" src="../../src/image/decoder.js"></script>
<script type="text/javascript" src="../../src/image/dicomBufferToView.js"></script>
<script type="text/javascript" src="../../src/image/filter.js"></script>
<script type="text/javascript" src="../../src/image/geometry.js"></script>
<script type="text/javascript" src="../../src/image/image.js"></script>
<script type="text/javascript" src="../../src/image/luts.js"></script>
<script type="text/javascript" src="../../src/image/view.js"></script>
<script type="text/javascript" src="../../src/utils/thread.js"></script>
<script type="text/javascript" src="../../src/image/dicomBufferToView.js"></script>
<script type="text/javascript" src="../../src/io/urlsLoader.js"></script>
<script type="text/javascript" src="../../src/io/dicomDataLoader.js"></script>
<script type="text/javascript" src="../../src/math/bucketQueue.js"></script>
<script type="text/javascript" src="../../src/math/matrix.js"></script>
<script type="text/javascript" src="../../src/math/point.js"></script>
<script type="text/javascript" src="../../src/math/scissors.js"></script>
<script type="text/javascript" src="../../src/math/shapes.js"></script>
<script type="text/javascript" src="../../src/math/stats.js"></script>
<script type="text/javascript" src="../../src/math/vector.js"></script>
<script type="text/javascript" src="../../src/tools/toolbox.js"></script>
<script type="text/javascript" src="../../src/tools/undo.js"></script>
<script type="text/javascript" src="../../src/tools/windowLevel.js"></script>
<script type="text/javascript" src="../../src/utils/browser.js"></script>
<script type="text/javascript" src="../../src/utils/progress.js"></script>
<script type="text/javascript" src="../../src/utils/string.js"></script>
<!-- Local -->
<script type="text/javascript" src="appgui.js"></script>
<!-- Launch the app -->
<script type="text/javascript">
// launch when page is loaded
document.addEventListener("DOMContentLoaded", function (/*event*/)
{
dwv.addDataLine("dwv0", "leadtools-8BitsJpegLossyGrayScale", {
'origin': 'LeadTools',
'path': '8BitsJpegLossyGrayScale.zip',
't-syntax': '1.2.840.10008.1.2.4.50 (jpeg baseline)',
'modality': 'OT', 'photo': 'MONOCHROME2',
'bits': '8-8-7', 'pixel-vr': 'OW',
});
dwv.addDataLine("dwv1", "nema-mr1_jply", {
'origin': 'Nema WG04',
'path': 'compsamples_jpeg/IMAGES/JPLY/MR1_JPLY',
't-syntax': '1.2.840.10008.1.2.4.51 (jpeg baseline)',
'modality': 'MR', 'photo': 'MONOCHROME2',
'bits': '16-12-11', 'pixel-vr': 'OB',
});
dwv.addDataLine("dwv2", "nema-nm1_jply", {
'origin': 'Nema WG04',
'path': 'compsamples_jpeg/IMAGES/JPLY/NM1_JPLY',
't-syntax': '1.2.840.10008.1.2.4.51 (jpeg baseline)',
'modality': 'NM', 'photo': 'MONOCHROME2',
'bits': '16-12-11', 'pixel-vr': 'OB',
});
dwv.addDataLine("dwv3", "nema-ct1_jpll", {
'origin': 'Nema WG04',
'path': 'compsamples_jpeg/IMAGES/JPLL/CT1_JPLL',
't-syntax': '1.2.840.10008.1.2.4.70 (jpeg lossless)',
'modality': 'CT', 'photo': 'MONOCHROME2',
'bits': '16-16-15', 'pixel-vr': 'OB',
});
dwv.addDataLine("dwv4", "nema-nm1_jpll", {
'origin': 'Nema WG04',
'path': 'compsamples_jpeg/IMAGES/JPLL/NM1_JPLL',
't-syntax': '1.2.840.10008.1.2.4.70 (jpeg lossless)',
'modality': 'NM', 'photo': 'MONOCHROME2',
'bits': '16-16-15', 'pixel-vr': 'OB',
});
});
</script>
</head>
<body>
<div id="data-lines"></div>
<div class="footer">
<p><b>Missing data</b>: JPEG Lossless, Nonhierarchical (Processes 14) (1.2.840.10008.1.2.4.57) and JPEG-LS (not supported)</p>
<p>Data sources:</p>
<ul>
<li>Nema WG04 (jpeg) <a href="ftp://medical.nema.org/MEDICAL/Dicom/DataSets/WG04/">dataSets</a></li>
<li>Leadtools datasets hosted at <a href="http://www.creatis.insa-lyon.fr/~jpr/PUBLIC/gdcm/gdcmSampleData/ColorDataSetLeadTool/">creatis</a></li>
</ul>
<p>The left image is created with DWV, the right one is a snapshot
generated using <a href="https://www.synedra.com">Synedra</a> View Personnal.</p>
</div>
</body>
</html>