我正在开发一个基于Web的应用程序,用户可以在其中创建多个svg元素.所有元素都是"路径"(闭合路径为方形或矩形).用户可以移动和旋转任何元素.
现在我想在一个元素接触或交叉任何其他元素时警告用户.
任何帮助,将不胜感激.
谢谢.
这里是jsfiddle linke http://jsfiddle.net/nnYSp/
代码是: -
<body>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="600" height="500">
<path id="obj1" d="M 100 50 L 150 50 150 120 100 120 z" stroke="black" stroke-width="2" fill="yellow" move transform="translate(10,0) rotate(45,125,85)"/>
<path id="obj2" d="M 150 150 L 200 150 200 200 150 200 z" stroke="red" stroke-width="2" fill="black" move transform="translate(10,0)"/>
</svg>
<script type="text/javascript">
document.addEventListener('mousedown', mousedown, false);
document.addEventListener('mousemove', mousemove, false);
document.addEventListener('mouseup', mouseup, false);
var obj1_rotate_string="rotate(45,125,85)";
var obj1_translate_values={
x:10,
y:0
}
var obj2_rotate_string="";
var obj2_translate_values={
x:10,
y:0
}
var mousedownFlag=false; …