mouse event

by kzhdev

HTML

<script type="text/javascript" src="https://dl.dropboxusercontent.com/u/805914/kinetic.js"></script>
<div id="canvasDiv"></div>
<img id="hit" src=""/>

JavaScript

var Block = function(config) {
    this.____init(config);
};

Kinetic.Util.addMethods(Block, {
    _getDefaultConfig: {
        return {
            showText: true,
            showVariableName: true,
            showConnectorLabel: true,
            
            textConfig: {
                fontSize: 12,
                fontFamily: 'Calibri',
                fill: 'blue',
                align: 'center',
                padding: 10
            },
        
            labelSize: 8,
    
            borderConfig: {
                width: 80,
                height: 80,
                
                fillPriority: 'radial-graident',
                fillRadialGradientStartPoint: 0,
                fillRadialGradientStartRadius: 0,
                fillRadialGradientEndPoint: 0,
                fillRadialGradientEndRadius: Math.sqrt(2) * 80 / 2,
                fillRadialGradientColorStops: [0, 'white', 1, 'silver'],
                
                stroke: 'grey',
                strokeWidth: 1,
                cornerRadius: 10
            }
        };
    },
    ____init: function(config) {
        this.className = 'Block';
        
        Kinetic.Group.call(this, config);
        
        this.border = new Kinetic.Circle({
            radius: 20,
            offset: -21,
            fillPriority: 'radial-graident',
            fillRadialGradientStartPoint: 0,
            fillRadialGradientStartRadius: 0,
            fillRadialGradientEndPoint: 0,
            fillRadialGradientEndRadius: 25,
            fillRadialGradientColorStops: [0, 'yellow', 1, 'orange'],

            shadowBlur: 2,
            shadowColor: 'grey',
            shadowOpacity: 0.5,
            shadowOffset: 3,
            shadowEnabled: false,

            stroke: 'grey',
            strokeWidth: 1,
            cornerRadius: 10
        });
        this.add(this.border);
        
        this.connector = new Connector({}, this);
        this.connector.setX(41);
        this.connector.setY(17)
...