<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
canvas{
background: #eee;
}
</style>
</head>
<body>
<canvas id="qcanvas"></canvas>
<script type="text/javascript" src="./example/js/Qcanvas.js"></script>
<script type="text/javascript">
var qcanvas = new Qcanvas(["qcanvas",300,200]);
var rect = qcanvas.qrect.rect({
start:[160,100],
borderColor:'red',
fillColor:'',
degree:30,
radius:5,
mouseup:function(e,pos){
console.log(pos);
console.log('mouseup')
}
})
var rect1 = qcanvas.qrect.rect({
start:[180,80],
width:200,
borderColor:'green',
fillColor:'blue',
pointerEvent:'none',
mouseup:function(){
console.log('rect1->mouseup')
}
})
</script>
</body>
</html>