绘制图标

我有以下的代码加载图像到我的画布：绘制图标

<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>

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

我用我的标记图像，我只想在我的图像地图上绘制我的图像标记。

谢谢。

来源

2017-03-06 CSharpBeginner

什么是与您当前密码的问题？ – hindmost

我只想添加到我的代码函数中，在我的加载图片上绘制标记 – CSharpBeginner

您已发布代码。它有什么作用？ – hindmost

你必须做你的标志一样，你在做什么，你的地图：

... 
var markerObj = new Image(); 

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

JSBin

来源

2017-03-06 14:10:56

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

回答

相关问题