HTML5+CSS3 6

JavaScript引入

内嵌式:<script type="text/javascript"/>

外链式:<script type="text/javascript" src="JavaScript文件路径"/>

五种基本数据类型:number,string,boolean,null,undefined

 变量:var局部变量

 函数:function sayhello(){

    alert ("hello world")           标准

   }

     var sayhello=function(){

    alert ("hello world")   变量形式

     }

 对象:var person=new Object();

    person.name="lucy";

    person.eat=function(){

     alert (person.name+"吃饭");

    }

    person.eat();

    var person=function(name){

       this.name=name;

       this.eat=function(){

      alert (name+"吃饭");

     }

    }

    var p=new person("lucy");

    p.eat();

事件处理:onclick  单机某个元素

        onmouseover   鼠标移到某元素上

     onmousedown       鼠标按钮被按下

画布canvas

<body>

<canvas id="cavsElem" width="" height=""/>    //创建画布

<script>

var canvas=document.getElementById('cavsElem');    //获得画布

var context=canvas.getContext('2d');    //获得上下文

context.beginPath();    //开始路径

context.moveTo(1,1);    //移动起始点

context.lineTo(1,1);    //绘制线

context.closePath();    //结束路径

context.stroke();    //绘制描边

context.fill();    //填充图形

</script>

</body>

context.strokeRect(x,y.width,height);    //绘制矩形边框

context.fillRect(x,y,width,height);    //绘制填充矩形

context.clearRect(x,y,height,width);    //清除矩形

context.arc(x,y,radius,startAngle,endAngle,bAntiClockwise);    //绘制圆形   bAntiClockwise false顺时针 Math.PI获取圆周率π的值

var img=new Image();    //创建图片对象

img src="";    //设置图片路径

img.οnlοad=function(){    //页面加载完成时使用图片

    context.drawImage(img,0,0)    //绘制图片

}

 

转载于:https://www.cnblogs.com/zxy117/p/11149865.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值