html 热点如何设置成新窗口打开

html-css09

html 热点如何设置成新窗口打开,第1张

<img src="xxx.jpg" border="0" usemap="#Map1" />

<map name="Map1">

<area shape="rect" coords="0,0,200,200" href ="xxx" target="_blank" />

</map>

area写法和a链接是一样的，只是多了区域和形状的属性，不写target默认为_self,新窗口打开加个_blank即可

<a href="链接的地址"><img src="图片的URL" width="图片的宽度" height="图片的高度" border="边框"></a>

<canvas id="myCanvas" width="500px" height="400px"></canvas>

document.getElementById("myCanvas").onclick = function circle(event) {

x = event.clientX

y = event.clientY

var canvas = document.getElementById("myCanvas")

var context = canvas.getContext("2d")

context.clearRect(0,0 ,500,400)

context.fillStyle = "#f00"

context.beginPath()

context.arc(x,y,10,0, Math.PI*2)

context.closePath()

context.fill()

}