在画布中,我绘制了一个矩形并完成拖动和调整功能.绘制圆圈以表示调整矩形大小的手柄.但现在我想使用游标类型拖动.
我使用了游标类型如下:
$("#canvas").css({'cursor':'ne-resize'});
这是jsfiddle链接. http://jsfiddle.net/BaliBalo/9HXMG/
var canvas = document.getElementById('canvas'),
ctx = canvas.getContext('2d'),
rect = {
x: 150,
y: 100,
w: 123,
h: 58
},
handlesSize = 8,
currentHandle = false,
drag = false;
function init() {
canvas.addEventListener('mousedown', mouseDown, false);
canvas.addEventListener('mouseup', mouseUp, false);
canvas.addEventListener('mousemove', mouseMove, false);
}
function point(x, y) {
return {
x: x,
y: y
};
}
function dist(p1, p2) {
return Math.sqrt((p2.x - p1.x) * (p2.x - p1.x) + (p2.y - p1.y) * (p2.y - p1.y));
}
function …我有两个div元素.在他们之间我有一个span元素.div未给出父元素高度.但高度parentDiv是根据内容计算的div.但span元素高度也设置为100%.但span元素的高度设置为零.请参考以下代码.
<div id="parentDiv">
<div id="child1"></div>
<span id="spanelement"></span>
<div id="child2"></div>
</div>
<style>
#spanelement{
height:100%;
width:100%;
}
</style>
任何人都可以建议我如何克服这个问题？谢谢.