zoukankan      html  css  js  c++  java
  • 【一天一个canvas】绘制一个简单的矩形框(四)

    上例中讲到要绘制一个矩形块,填充了颜色,这个例子只是简单地绘制一个矩形而不实现填充效果。

    <!doctype html>
    <html>
        <head>
            <meta charset="UTF-8">
        </head>
        <style type="text/css">
            canvas{border:dashed 2px #CCC}
        </style>
        <script type="text/javascript">
            function $$(id){
                return document.getElementById(id);
            }
            function pageLoad(){
                var can = $$('can');
                var cans = can.getContext('2d');
                cans.strokeStyle = 'red';
                cans.strokeRect(30,30,340,240);
            }
        </script>
        <body onload="pageLoad();">
            <canvas id="can" width="400px" height="300px">4</canvas>
        </body>
    </html>

    这个很简单,和上例一样,就是将fill替换成了stroke,具体详见上例。

  • 相关阅读:
    导航
    占位
    django(一)
    进程与线程
    网络编程
    反射 单例模式
    面向对象及命名空间
    logging,包
    模块(二)os hashlib
    装饰器&递归
  • 原文地址:https://www.cnblogs.com/babysay123/p/4625126.html
Copyright © 2011-2022 走看看