<script>
var c=document.getElementById("canvas");
var ctx=c.getContext("2d");
ctx.border=" 1px solid #aaa";
ctx.shadowBlur=20;
ctx.fillStyle="#F0FFF0";
ctx.shadowColor="green";
ctx.fillRect(20,20,1000,600);
ctx.fillStyle="yellow";
function Button1(){
var c=document.getElementById("canvas");
var ctx=c.getContext("2d");
ctx.save();
ctx.beginPath();
ctx.fillRect(750,560,60,40);
ctx.font="25px Arial";
ctx.fillStyle="#000000 "//字体颜色
ctx.fillText("隐藏",755,590);//要填充的字及位置
ctx.closePath();
}
function Button(){
var c=document.getElementById("canvas");
var ctx=c.getContext("2d");
ctx.save();
ctx.beginPath();
ctx.fillRect(150,560,60,40);
ctx.font="25px Arial";
ctx.fillStyle="#000000 "//字体颜色
ctx.fillText("显示",155,590);//要填充的字及位置
ctx.fillStyle="yellow";
ctx.closePath();
}
window.onload=function(){
btn=new Button();
btn.on("click",show);
var show=function(){
alert("显示");
}
btn1=new Button1();
btn1.on("click",hide);
var hide=function(){
alert("yincang");
}
}
Button.prototype.on=function(events,fn){
var c=document.getElementById("canvas");
var ctx=c.getContext("2d");
c.onclick=function(e){
e=e||event;
var x=e.offsetX;
var y=e.offsetY;
if(x>=150&&x=560&&y=750&&x=560&&y |
微信访问
手机APP
