小编ste*_*i.m的帖子

我允许用户在图像上绘制矩形。同时，用户应该能够在任何时间点调整大小或移动任何矩形。在一些帮助下，我已经能够绘制矩形，但我无法想出调整大小和移动它的一部分。正在绘制的矩形不会相互重叠，并且在调整大小和移动时也必须验证相同的矩形。我正在使用 javascript 和 jquery。这是我到目前为止所做的演示：

var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");

var canvasOffset = $("#canvas").offset();
var offsetX = canvasOffset.left;
var offsetY = canvasOffset.top;

var startX;
var startY;
var isDown = false;

ctx.strokeStyle = "lightgray";
ctx.lineWidth = 3;


function handleMouseDown(e) {
mouseX = parseInt(e.clientX - offsetX);
mouseY = parseInt(e.clientY - offsetY);

// Put your mousedown stuff here
startX = mouseX;
startY = mouseY;
isDown = true;
}

function handleMouseUp(e) {
mouseX = parseInt(e.clientX - offsetX);
mouseY = parseInt(e.clientY …

我试图使用ng-repeat迭代数组以显示在列表中.要显示的记录数应等于第二个数组的长度.

 <ul>
  <li ng-repeat="item in firstArray"></li>
 </ul>

 var firstArray = ["a","b","c","d","e","f"]
 var secondArray = ["x","y","z"]

以上示例的预期结果:

 var output = ["a","b","c"]

由于secondArray的长度为3,li元素的数量将是3与来自firstArray前三个值.

我应该使用过滤器吗？我正在使用angularjs.

谢谢