diff --git a/js/viewer.js b/js/viewer.js
index 3518c47..9ae758a 100644
--- a/js/viewer.js
+++ b/js/viewer.js
@@ -11,6 +11,8 @@ export function loadMainImage(image, stack) {
   const RotateTool = cornerstoneTools.RotateTool;
   const StackScrollTool = cornerstoneTools.StackScrollTool;
   const ArrowAnnotateTool = cornerstoneTools.ArrowAnnotateTool;
+  const AngleTool = cornerstoneTools.AngleTool;
+  const CobbAngleTool = cornerstoneTools.CobbAngleTool;
 
   const element = document.getElementById("dicom-image");
   cornerstone.enable(element);
@@ -28,6 +30,8 @@ export function loadMainImage(image, stack) {
   });
   cornerstoneTools.addToolForElement(element, WwwcTool);
   cornerstoneTools.addToolForElement(element, RotateTool);
+  cornerstoneTools.addToolForElement(element, AngleTool);
+  cornerstoneTools.addToolForElement(element, CobbAngleTool);
   cornerstoneTools.addToolForElement(element, StackScrollTool);
 
   cornerstoneTools.addToolForElement(element, ArrowAnnotateTool, {
@@ -74,7 +78,7 @@ export function loadMainImage(image, stack) {
 
   // Add tool selector
   $(".canvas-panel").append(
-    '<select class="control-overlay"><option value="pan">pan [p]</option><option value="zoom">zoom [z]</option><option value="rotate">rotate [r]</option><option value="scroll" hidden="" disabled="">scroll (1/1)</option><option value="window">window ()</option><option value="abdomen" hidden="" disabled="">window = abdomen [a]</option><option value="pulmonary" hidden="" disabled="">window = pulmonary [u]</option><option value="brain" hidden="" disabled="">window = brain [b]</option><option value="bone" hidden="" disabled="">window = bone [o]</option><option value="reset">reset [e]</option><option value="close">close [c]</option><option disabled="true" value="notes">[modality = CR][size = 9.8]</option></select>'
+    '<select class="control-overlay"><option value="pan">pan [p]</option><option value="zoom">zoom [z]</option><option value="rotate">rotate [r]</option><option value="cobbangle">cobb angle</option>]<option value="scroll" hidden="" disabled="">scroll (1/1)</option><option value="window">window ()</option><option value="abdomen" hidden="" disabled="">window = abdomen [a]</option><option value="pulmonary" hidden="" disabled="">window = pulmonary [u]</option><option value="brain" hidden="" disabled="">window = brain [b]</option><option value="bone" hidden="" disabled="">window = bone [o]</option><option value="reset">reset [e]</option><option value="close">close [c]</option><option disabled="true" value="notes">[modality = CR][size = 9.8]</option></select>'
   );
 
   $(".control-overlay")
@@ -285,6 +289,18 @@ export function changeControlSelection() {
       });
       break;
     }
+    case "angle": {
+      cornerstoneTools.setToolActiveForElement(dicom_element, "Angle", {
+        mouseButtonMask: 1,
+      });
+      break;
+    }
+    case "cobbangle": {
+      cornerstoneTools.setToolActiveForElement(dicom_element, "CobbAngle", {
+        mouseButtonMask: 1,
+      });
+      break;
+    }
     case "scroll": {
       cornerstoneTools.setToolActiveForElement(dicom_element, "StackScroll", {
         mouseButtonMask: 1,