首页 > Web开发 > 详细

JS DOM编程艺术——HTML5—— JS学习笔记2015-7-24(第91天)

时间:2015-07-25 01:37:32      阅读:200      评论:0      收藏:0      [点我收藏+]

HTML5的vedio和audio元素,二者的兼容性目前不少很好,所以在写的时候要考虑到备用方案;

HTML5表单元素:email, url , data, number, range, search, tel, color

 

 

下面再放一个canvas的小实例:

技术分享
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>canvas小实例</title>
</head>

<body>

<canvas id="draw-in-me" width="120" heigt="40">
<p>Powered By HTML5 canvas</p>
</canvas>
<script>
 function draw(){
     var canvas = document.getElementById(draw-in-me);
     if(canvas.getContext){
         var ctx = canvas.getContext(2d);
         ctx.beginPath();
         ctx.moveTo(120.0,32.0);
         ctx.bezierCurveTo(120.0, 36.4, 116.4, 40.0, 112.0, 40.0);
         ctx.lineTo(8.0, 40.0);
         ctx.bezierCurveTo(3.6, 40.0, 0.0, 36.4, 0.0, 32.0);
         ctx.lineTo(0.0, 8.0);
         ctx.bezierCurveTo(0.0, 3.6, 3.6, 0.0, 8.0, 0.0);
         ctx.lineTo(112.0, 0.0);
         ctx.bezierCurveTo(116.4, 0.0, 120.0, 3.6, 120.0, 8.0);
         ctx.lineTo(120.0, 32.0);
         ctx.closePath();
         ctx.fill();
         ctx.lineWidth = 2.0;
         ctx.strokeStyle = "rgb(255, 255, 255)";
         ctx.stroke();

     }
 }

 draw();
 
</script>
</body>
</html>
View Code

 

JS DOM编程艺术——HTML5—— JS学习笔记2015-7-24(第91天)

原文:http://www.cnblogs.com/zhangxg/p/4675077.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!