Javascript AngularJS使用画布在图像上书写

我的html中有一个带有id的图像：

<img id={{idImage}} ng-src="http://localhost:3000/images/{{idImage}}"/>

但我不知道如何根据坐标在图像上绘制画布

---

谢谢你的帮助

类似下面的简单示例

var drawingCanvas = document.getElementById($scope.idImage);
var context = drawingCanvas.getContext('2d');

$scrope.draw = function() {
context.drawImage($scope.idImage, $scope.coordinate.x, $scope.coordinate.y, $scope.coordinate.w, $scope.coordinate.h);
}

在画布中绘制并没有什么特别之处，因为您使用的是角度绘制

---

这里有一些很好的例子：

类似于下面的简单例子

var drawingCanvas = document.getElementById($scope.idImage);
var context = drawingCanvas.getContext('2d');

$scrope.draw = function() {
context.drawImage($scope.idImage, $scope.coordinate.x, $scope.coordinate.y, $scope.coordinate.w, $scope.coordinate.h);
}

在画布中绘制并没有什么特别之处，因为您使用的是角度绘制

---

这里有一些很好的例子：

您能使用.svg吗？到目前为止你试过什么吗？你愿意使用像d3这样的库吗？我有一个.html，因为我有其他信息要显示在页面上。我更喜欢使用Canvas，但不知道libsd3。在发布这个问题之前，你有没有尝试过学习如何使用Canvas？如果你有：你有一个关于如何在画布上绘画的具体问题吗？如果您没有：请删除该问题，并在尝试某些内容后再次提问。您可以使用.svg吗？到目前为止你试过什么吗？你愿意使用像d3这样的库吗？我有一个.html，因为我有其他信息要显示在页面上。我更喜欢使用Canvas，但不知道libsd3。在发布这个问题之前，你有没有尝试过学习如何使用Canvas？如果你有：你有一个关于如何在画布上绘画的具体问题吗？如果您没有：请删除该问题，并在尝试某项操作后再次提问。第二个JSFIDLE示例不是角度方式。第二个JSFIDLE示例不是角度方式。