如何在CornerstoneJs上实现ArrowAnnotate工具

Question

我正在使用JavaScript处理“ cornerstoneJs”。我对“ 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”工具的代码，但是一旦我更改为arrowannotate，就不会在视口上绘制任何东西。我是CornerstoneJ的新手，非常感谢任何建议或指导，谢谢。