zoukankan      html  css  js  c++  java
  • HTML5闪存

    先看个Hello World吧。
    大气象
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        
    <title>HTML5 Hello World</title>
        
    <script type="text/javascript">
            
    function f() {
                
    var canvas = document.getElementById('panel');
                
    var ctx = canvas.getContext("2d");//取得canvas对象
                ctx.clearRect(00200200);//清除一个区域
                ctx.strokeStyle = "blue";//线色
                ctx.strokeRect(1010180180);//画矩形
            }
        
    </script>
    </head>
    <body>
    <canvas id="panel" width="200" height="200" style="background-color:red;">
        你的浏览器不支持 Canvas 标签
    </canvas>
    <input type="button" value="画矩形" onclick="f();" />
    </body>
    </html>

    画基本图形

    大气象
    //画矩形区域
    function fillRect() {
        
    var canvas = document.getElementById('test1');
        
    var ctx = canvas.getContext("2d");
        ctx.clearRect(
    00100200);
        ctx.fillStyle 
    = "blue";
        ctx.fillRect(
    1010180180);
    }
    //画三角形
    function drawTri(){
        
    var canvas = document.getElementById('test2');
        
    var ctx=canvas.getContext("2d");
        ctx.beginPath();
        ctx.moveTo(
    75,50);
        ctx.lineTo(
    100,75);
        ctx.lineTo(
    100,25);
        ctx.fill();
    }

    每天学一点吧。

    天祺围棋:www.tianqiweiqi.com呵呵

    凡事以大气象去面对,优秀是一种习惯。

  • 相关阅读:
    操作系统典型调度算法
    C++ volatile 关键字
    vue class绑定 组件
    yarn 基本用法
    vscode 插件安装以及首选项配置
    git 多人协作
    git Feature分支
    git Bug分支
    git 分支策略
    git 解决冲突
  • 原文地址:https://www.cnblogs.com/greatverve/p/html5.html
Copyright © 2011-2022 走看看