zoukankan      html  css  js  c++  java
  • JS DOM编程艺术——HTML5—— JS学习笔记2015-7-24(第91天)

    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
  • 相关阅读:
    现阶段学习窘境总结(2013年6月21日-至今)
    MvcPager 分页控件
    JS 实现PDF文件打印
    json和Jsonp 使用总结(1)
    实战篇之存储过程的使用
    ASP.NET MVC5 之 客户端实现文件的下载
    WMI 技术
    PowerDesigner 的使用教程
    Rose
    对路径 obj 文件夹访问被拒绝
  • 原文地址:https://www.cnblogs.com/zhangxg/p/4675077.html
Copyright © 2011-2022 走看看