chafey / cornerstonedemo Goto Github PK
View Code? Open in Web Editor NEWDemonstration application that shows use of all cornerstone components together
Demonstration application that shows use of all cornerstone components together
forgive my poor english....
Will this application be supporting the playclip of dicom video which is of wadoURI type.
if the user selects the same study more than once from the study tab, the original
tab for this study could be displayed.
It is difficult to zoom to the desired size.
I got the following version conflicts:
1) cornerstone#~0.8.4 which resolved to 0.8.4 and is required by cornerstoneWADOImageLoader#0.7.2, cornerstoneWebImageLoader#0.5.3
2) cornerstone#~0.8.1 which resolved to 0.8.4 and is required by cornerstoneDemo
3) cornerstone#~0.9.0 which resolved to 0.9.1 and is required by cornerstoneTools#0.7.9
1) jquery#~2.1.1 which resolved to 2.1.4 and is required by cornerstone#0.8.4, cornerstone#0.9.1, cornerstoneDemo, cornerstoneWADOImageLoader#0.7.2
2) jquery#~2.2.0 which resolved to 2.2.4 and is required by cornerstoneTools#0.7.9
3) jquery#1.9.1 - 3 which resolved to 3.2.1 and is required by bootstrap#3.3.7
The versions of the cornerstone* packages are quite old in bower.json
. I tried updating them to the latest, but got into more version issues between the cornerstone packages so I just used the following resolutions:
"resolutions": {
"cornerstone": "~0.8.1",
"jquery": "~2.2.0"
}
This seems to work.
It would be nice to have some dicom data available for the demo, even one study.
Github allows you to assign the main branch to something other than master, we should do that to make the repo easier to search.
I'm not sure if it's actually possible to remove the master branch altogether, but if it is we could do that too.
When I run the demo and click any row, no image displays.
tapping invert makes the image change twice: invert, then back to original. So, it seems to receive two events.
I tried accessing this demo link - http://chafey.github.io/cornerstoneDemo/
But after choosing a model or patient data nothing gets displayed.
Why call each tooltip on each button like this rather than a simple: http://getbootstrap.com/javascript/#opt-in-functionality
I am not sure what this code is supposed to do:
function resizeMain() {
var height = $(window).height();
$('#main').height(height - 50);
$('#tabContent').height(height - 50 -42);
}
$(window).resize(function() {
resizeMain();
});
resizeMain();
but I don't think that #main
is defined.
Also are you missing overflow-y: scroll
on #tabContent
?
When the demo is launched in IE11 and a study is selected, the viewport screen layout is messed, no images displayed and the console log shows the following error:
SCRIPT5022: InvalidStateError
cornerstoneWADOImageLoader.js (3737,5)
I have a new moto g phone with android kitkat. I can change w/l with single finger swipe,
change zoom with pinch, but I can't find a way of scrolling through the thumbnails: this is necessary because not all thumbnails can fit into the screen at one time.
Currently the button indices are hard coded. This same code is much less fragile in the allImageTools example.
Steps to repro:
Layout is now messed up. Resizing again will fix for this tab, but then other tabs will be broken.
The highlight tool is available at: https://github.com/chafey/cornerstoneTools/blob/master/examples/allImageTools/index.html but not in the cornerstoneDemo. Should be easy to add using:
<button id="highlight" type="button" class="btn btn-sm btn-default" data-container='body' data-toggle="tooltip" data-placement="bottom" title="Highlight"><span class="fa fa-pencil-square-o"></span></button>
$(buttons[12]).on('click touchstart',function() {
disableAllTools();
cornerstoneTools.highlight.activate(element, 1);
});
Hi,
I put a length measurement on one image then I selected the tool wwwc.
And if i tried to resize my length measurement by moving one handle but the wwwc it's also applied.
I took a look on your sample allImageTools of cornerstoneTools and the same operation is working well.
Is it a issue or the cornerstone demo or do these two project do not have the same version of cornerstoneTools?
Many Thanks for your answer.
Adil
Some feedback on image loading would be useful. Perhaps a discrete progress bar type indicator?
The tool gets disabled when trying to place start point. Tested on iPad.
Mac Chrome Version 57.0.2987.133 (64-bit) is getting a cross-origin error when visiting http://chafey.github.io/cornerstoneDemo/ It was working a few days ago. Also happens in Safari. In Firefox, the requests hang. Here's there Chrome error:
chafey.github.io/:1 XMLHttpRequest cannot load http://cornerstonetech.org/images/ClearCanvas/MRStudy/1.2.840.113619.2.5.1762583153.215519.978957063.226.dcm. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://chafey.github.io' is therefore not allowed access.
XHR failed loading: GET "http://cornerstonetech.org/images/ClearCanvas/MRStudy/1.2.840.113619.2.5.1762583153.215519.978957063.226.dcm".
I cleared cache/history in Safari, and still the same error.
http://cornerstonetech.org redirects to a godaddy ad page, btw.
Plays automatically, does not stop with the stop button.
I'm currently trying to play around with the demo, but I can't manage to have actual images displaying. Wether it's on the live demo (http://chafey.github.io/cornerstoneDemo/) or locally, everything is black. From what I understand the images are just not accessible.
What would be the best way to get images to display? Do I have to create a server that responds to xmlhttprequests, or can I serve local files/files accessible via http? If I can serve local files, how? Modifying the JSON to lead to local files seem unsuccessful, and modifying the code in the js (loadStudy.js) files seem unsuccessful too.
Not sure if this is already possible but I could not fnd it.
Some studies which are large take a long time to load, specialy CTs, is there any way to add a generic image while a particular image within a series has not been loaded but someone navigates to that stack index?
Or on the other hand, is there a way to replace a particular stack index, say pass the generic image as the stack index initially but then replace it with another one?
For those of us with trackpads, it is often useful to switch between tools using keyboard modifiers due to a lack of [right or center click] + drag
For example, in OsiriX, the default tool is WW/WL, but pressing Command = Pan, and Shift = Zoom
Some kind of key binding functionality might prove useful.
Dear sir,
First please allow me to show my thanks for your great job of dicom file parser, viewer and tools.
I’m working on a web-based remote clinic project. I’m modifying your demo to show organized dicom files in a web-storage. And most of the file packages can be well shown.
But I’ve just meet a problem with two dicom files. You may try the files here:
http://pacs.yunshung.com/201507140000119q5cjcv97jev6f1mtv1tsmuusi.json?view
or
http://test.yunshung.com/csDemo/index2.html
which is an attempt to upgrade the libraries to the latest version of your great works (not done yet).
Could you please check the dicom files laid in the web-storage:
These files are well manipulated in OsiriX Lite in my laptop.
Are these files non-standard? Or should the libraries be modified to improve the compatibility with different files?
Thanks again for you time and help.
Wish you all the best.
BRs
KingMario
There needs to be a mechanism to delete measurements. This may go back to having key bindings. BIR specifies how to select the tool, and how to apply a "Dsiplay reset", but nothing about deleting specific measurements. This is useful in the clinical setting, however.
I would like touch panel gestures, important ones to me are;
Probably need a row of small gesture mode change buttons...
More esoteric ones are
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.