js h5如何让alert在model上面

js h5如何让alert在model上面,第1张

alert()方法:以d窗的形式显示消息 例如alert(123)

console.log(“”) 在控制台中显示消息

dociment.write() 在页面中输出消息

编码的问题,把html文档另存 转换为utf-8

浏览器呢,你浏览器有没有跟你编码一致呢

你的文档中<meta charset="UTF-8">是告诉浏览器用什么编码来解析,但是你的html文档不是Utf-8,两个不一致,自然会乱码

你的意思是用canvas2D绘制是吧?

实际上,拿canvas2D绘制,只是把image渲染到 canvas(画布上).而实际的事件,就不能像标签那么处理,应该对canvas的事件做处理.

实现逻辑是这样:

1,添加事件监听,比如说,鼠标按下 做什么,滑动 做什么,d起做什么.一般鼠标事件都是判断d起的位置

2,判断有效坐标,在事件中判断坐标位置是否在图片位置,也就是图片在canvas的位置.

ex:

//some code...

canvas.width=400

canvas.height=400

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

var img =new Image()

img.src="xxx/xxx.png"

img.onload=function(){

context2d.drawImage(img,X,Y,WIDTH,HEIGTH)

//X=0,Y=0,W=50,H=50

canvas.addEventListener("mouseup", keyUp, false)

}

function keyUp(evt){

Event_UpX = evt.offsetX

Event_UpY = evt.offsetY

if(Event_UpX>=绘制坐标X&&Event_UpX<=图片宽度){

if(Event_UpY>=绘制坐标Y&&Event_UpY<=图片高度){

//do something

}

}

}


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11570318.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-17
下一篇2023-05-17

发表评论

登录后才能评论

评论列表(0条)

    保存