jquery - キネティック JS 画像拡大鏡

Question

私はこの例に従おうとしていますhttp://www.script-tutorials.com/html5-canvas-image-zoomer/

次のエラーが表示されます。

Object doesn't support property or method 'getContext'

ここに私のスクリプトがあります:

 stage = new Kinetic.Stage({
            container: 'container',
            width: 512,
            height: 512
        });
        var layer = new Kinetic.Layer();

        var imageObj = new Image();
        imageObj.onload = function() {
            var yoda = new Kinetic.Image({
                x: 0,
                y: 0,
                image: imageObj,
                width: 512,
                height: 512
            });
            layer.add(yoda);
            stage.add(layer);
        };
        imageObj.src = "../../Content/images/notfound.png";
        canvas = document.getElementById('container');
        ctx = canvas.getContext('2d');

ご提案をいただければ幸いです。または、Kinetic の画像拡大鏡の例はありますか。前もって感謝します