javascript - 如何在cornerstoneJs上实现ArrowAnnotate工具

Question

我正在cornerstoneJs使用javascript处理''。我在“ arrowannotate”工具上有问题。下面是我的javascript代码。

function loadAndViewImage(imageId) {
    var element = document.getElementById('demo-element');
    try {
        var start = new Date().getTime();
        cornerstone.loadAndCacheImage(imageId).then(function(image) {
            var viewport = cornerstone.getDefaultViewportForImage(element, image);
            cornerstone.displayImage(element, image, viewport);
            if(loaded === false) {
                cornerstoneTools.mouseInput.enable(element);
                cornerstoneTools.mouseWheelInput.enable(element);
                cornerstoneTools.wwwc.activate(element, 1); // ww/wc is the default tool for left mouse button
                loaded = true;
            }
            document.getElementById('btndeactivatewwwc').addEventListener('click', function(e) {
               cornerstoneTools.wwwc.deactivate(element, 1); 
               cornerstoneTools.arrowannotate.activate(element, 1); // activate arrowannotate here, but not work.
            });
        }, function(err) {
            alert(">>" + err);
        });
    }
    catch(err) {
        alert(err);
    }
}

为“”工具查找代码工作wwwc，但是一旦我更改为箭头注释，则视口上没有任何内容。我对cornerstoneJs非常陌生，任何建议或指导将不胜感激，谢谢。