render(){
		return(
			<g className="graphBackgroundGroup">
				<CanvasContextMenu displayContextMenu={this.props.displayContextMenu}
					createItemHandler={this.props.createItemHandler}/>
				<rect className="graphBackgroundRect"
					x={this.props.minX}
					y={this.props.minY}
					width={this.props.width}
					height={this.props.height}
					onClick={this.props.handleMouseClick}
					onContextMenu={this.props.handleRightMouseClick}/>
			</g>
		);
	}
/*
	SVG Mouse Events
		click
		mousedown
		mouseup
		mouseover
		mousemove
		mouseout
	*/
SVG Mouse Events
click
mousedown
mouseup
mouseover
mousemove
mouseout
SVG Mouse Events click mousedown mouseup mouseover mousemove mouseout
render(){
		return(
			<g className="graphBackgroundGroup">
				<CanvasContextMenu displayContextMenu={this.props.displayContextMenu}
					createItemHandler={this.props.createItemHandler}/>
				<rect className="graphBackgroundRect"
					x={this.props.minX}
					y={this.props.minY}
					width={this.props.width}
					height={this.props.height}
					onClick={this.props.handleMouseClick}
					onContextMenu={this.props.handleRightMouseClick}/>
			</g>
		);
	}
render ( ) { return ( < g className = "graphBackgroundGroup" > < CanvasContextMenu displayContextMenu = { this . props . displayContextMenu } createItemHandler = { this . props . createItemHandler } / > < rect className = "graphBackgroundRect" x = { this . props . minX } y = { this . props . minY } width = { this . props . width } height = { this . props . height } onClick = { this . props . handleMouseClick } onContextMenu = { this . props . handleRightMouseClick } / > < / g > ) ; }
SVG Mouse Events
click
mousedown
mouseup
mouseover
mousemove
mouseout
SVG Mouse Events click mousedown mouseup mouseover mousemove mouseout