add extjs 6.0.1 sources

[extjs.git] / extjs / build / examples / kitchensink / modern / src / view / XRay.js

Ext.define('KitchenSink.view.XRay', {\r
    alias: 'sprite.xray',\r
    extend: 'Ext.draw.sprite.Path',\r
    render: function (surface, ctx) {\r
        var attr = this.attr,\r
            mat = attr.matrix,\r
            imat = attr.inverseMatrix,\r
            path = attr.path,\r
            size = imat.x(2, 0) - imat.x(0, 0);\r
        if (attr.path.params.length === 0) {\r
            return;\r
        }\r
        mat.toContext(ctx);\r
        var i = 0, j = 0,\r
            commands = path.commands,\r
            params = path.params,\r
            ln = commands.length;\r
\r
        ctx.beginPath();\r
        for (; i < ln; i++) {\r
            switch (commands[i]) {\r
                case "M":\r
                    ctx.moveTo(params[j], params[j + 1]);\r
                    j += 2;\r
                    break;\r
                case "L":\r
                    ctx.lineTo(params[j], params[j + 1]);\r
                    j += 2;\r
                    break;\r
                case "C":\r
                    ctx.bezierCurveTo(\r
                        params[j], params[j + 1],\r
                        params[j + 2], params[j + 3],\r
                        params[j + 4], params[j + 5]\r
                    );\r
                    j += 6;\r
                    break;\r
                case "Z":\r
                    ctx.closePath();\r
                    break;\r
                default:\r
            }\r
        }\r
        ctx.fillStroke(attr);\r
\r
        mat.toContext(ctx);\r
        ctx.beginPath();\r
        for (i = 0, j = 0; i < ln; i++) {\r
            switch (commands[i]) {\r
                case "M":\r
                    ctx.moveTo(params[j] - size, params[j + 1] - size);\r
                    ctx.rect(params[j] - size, params[j + 1] - size, size * 2, size * 2);\r
                    j += 2;\r
                    break;\r
                case "L":\r
                    ctx.moveTo(params[j] - size, params[j + 1] - size);\r
                    ctx.rect(params[j] - size, params[j + 1] - size, size * 2, size * 2);\r
                    j += 2;\r
                    break;\r
                case "C":\r
                    ctx.moveTo(params[j] + size, params[j + 1]);\r
                    ctx.arc(params[j], params[j + 1], size, 0, Math.PI * 2, true);\r
                    j += 2;\r
                    ctx.moveTo(params[j] + size, params[j + 1]);\r
                    ctx.arc(params[j], params[j + 1], size, 0, Math.PI * 2, true);\r
                    j += 2;\r
                    ctx.moveTo(params[j] + size * 2, params[j + 1]);\r
                    ctx.rect(params[j] - size, params[j + 1] - size, size * 2, size * 2);\r
                    j += 2;\r
                    break;\r
                default:\r
            }\r
        }\r
        imat.toContext(ctx);\r
        ctx.strokeStyle = "black";\r
        ctx.strokeOpacity = 1;\r
        ctx.lineWidth = 1;\r
        ctx.stroke();\r
\r
        mat.toContext(ctx);\r
        ctx.beginPath();\r
        for (i = 0, j = 0; i < ln; i++) {\r
            switch (commands[i]) {\r
                case "M":\r
                    ctx.moveTo(params[j], params[j + 1]);\r
                    j += 2;\r
                    break;\r
                case "L":\r
                    ctx.moveTo(params[j], params[j + 1]);\r
                    j += 2;\r
                    break;\r
                case "C":\r
                    ctx.lineTo(params[j], params[j + 1]);\r
                    j += 2;\r
                    ctx.moveTo(params[j], params[j + 1]);\r
                    j += 2;\r
                    ctx.lineTo(params[j], params[j + 1]);\r
                    j += 2;\r
                    break;\r
                default:\r
            }\r
        }\r
        imat.toContext(ctx);\r
        ctx.lineWidth = 1 / 2;\r
        ctx.stroke();\r
    }\r
});