在javascript中怎样在图片上加链接

我想点击这个图片跳转到另一个页面求代码varimage1=newImage();image1.src="picture/kezhao1.jpg";image1.onloa... 我想点击这个图片跳转到另一个页面求代码var image1= new Image();image1.src="picture/kezhao1.jpg";image1.onload=function(){ctx.drawImage(image1,46,160);}图片是在用js画的框里的求详细代码展开

 我来答

1个回答

#热议# 什么是淋病？哪些行为会感染淋病？

长城郭靖
2015-06-15 · TA获得超过729个赞

知道小有建树答主

回答量：1090

采纳率：47%

帮助的人：394万

我也去答题访问个人页

关注

展开全部

你的提问会误导人的，你的意思是要给canvas画的图片加上链接是吗？

更多追问追答
追问

是滴 帮个忙解下惑哟
追答

我只想到一种，获取鼠标点击的区域位置。
追问

能帮我把代码补全下吗？忙交作业
追答

贴出来看看吧。
追问
是画了框再插了图 想让图带链接 麻烦了


追答
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
canvas{ border:1px solid #000;}
</style>
</head>

<body>

<canvas id="mc" width="600" height="600"></canvas>
<script>
var canvas=document.getElementById('mc');
var ctx=canvas.getContext('2d');
ctx.strokeStyle="#f00";
ctx.strokeRect(40,140,152,240);
ctx.fillText('点击矩形',60,160);
canvas.onclick=function(e){
	
	var X=e.clientX-canvas.offsetLeft;
	var Y=e.clientY-canvas.offsetTop;	
	if(X>40 && X<(40+152) && Y>140 && Y<(140+240)){
		alert('你好啊,你点到我了')
		}
	
	}
</script>
</body>
</html>基本原理是这样的。

本回答由提问者推荐

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

在javascript中怎样在图片上加链接

其他类似问题

为你推荐：