Javascript 在画布图像上绘制图标_Javascript_Canvas

Javascript 在画布图像上绘制图标

javascript canvas

Javascript 在画布图像上绘制图标,javascript,canvas,Javascript,Canvas,我有以下代码将图像加载到画布中： <html> <body> <canvas id="myCanvas" width="900" height="900"></canvas> <script> var canvas = document.getElementById('myCanvas'); var context = canvas.getContext('2d'); var imageObj = new Image();

我有以下代码将图像加载到画布中：

<html>
<body>
<canvas id="myCanvas" width="900" height="900"></canvas>
<script>
  var canvas = document.getElementById('myCanvas');
  var context = canvas.getContext('2d');
  var imageObj = new Image();

  imageObj.onload = function() {
    context.drawImage(imageObj, 0, 0);

  };
  imageObj.src = 'Map.png';

  var canvas = document.getElementById("myCanvas");
  var canvasWidth = canvas.width;
  var canvasHeight = canvas.height;
  var ctx = canvas.getContext("2d");
  var canvasData = ctx.getImageData(0, 0, canvasWidth, canvasHeight);  
</script>


var canvas=document.getElementById（'myCanvas'）；
var context=canvas.getContext（'2d'）；
var imageObj=新图像（）；
imageObj.onload=函数（）{
drawImage（imageObj，0,0）；
};
imageObj.src='Map.png'；
var canvas=document.getElementById（“myCanvas”）；
var canvasWidth=canvas.width；
var canvasHeight=canvas.height；
var ctx=canvas.getContext（“2d”）；
var canvasData=ctx.getImageData（0，0，canvasWidth，canvasHeight）；

我知道如何画一个点，但我想知道如何在图像的x，y上画我的标记（例如绿色图标），我该怎么做

我有我的标记图像，我只想在我的图像地图上画我的图像标记

谢谢。

您必须对您的标记执行相同的操作您正在对地图执行的操作：

...
var markerObj = new Image();

markerObj.onload = function() {
    context.drawImage(markerObj, x, y);
};
markerObj.src = 'marker.png';
...

您当前的代码有什么问题？我只想在我的代码函数中添加一个在加载的图片上绘制标记的功能。您已经发布了代码。它是做什么的？我有一个exist图像，我想能够在我加载的图像上绘制另一个图像/iconDoesn发布的代码不是你想要的吗？如果没有，您的确切问题是什么？

markerObj.style['z-index']=“1”使标记显示在地图上方。