    /** * A sprite that represents an arrow. * *     @example *     Ext.create({ *        xtype: 'draw',  *        renderTo: document.body, *        width: 600, *        height: 400, *        sprites: [{ *            type: 'arrow', *            translationX: 100, *            translationY: 100, *            size: 40, *            fillStyle: '#30BDA7' *        }] *     }); */Ext.define('Ext.draw.sprite.Arrow', {    extend: 'Ext.draw.sprite.Path',    alias: 'sprite.arrow',     inheritableStatics: {        def: {            processors: {                x: 'number',                y: 'number',                /**                 * @cfg {Number} [size=4] The size of the sprite.                 * Meant to be comparable to the size of a circle sprite with the same radius.                 */                size: 'number'            },            defaults: {                x: 0,                y: 0,                size: 4            },            triggers: {                x: 'path',                y: 'path',                size: 'path'            }        }    },     updatePath: function (path, attr) {        var s = attr.size * 1.5,            x = attr.x - attr.lineWidth / 2,            y = attr.y;        path.fromSvgString('M'.concat(x - s * 0.7, ',', y - s * 0.4, 'l', [s * 0.6, 0, 0, -s * 0.4, s, s * 0.8, -s, s * 0.8, 0, -s * 0.4, -s * 0.6, 0], 'z'));    } });