zoukankan      html  css  js  c++  java
  • html5阴影

    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>绘制阴影</title>
    </head>
    <body>
        <canvas id="myCanvas" width="500" height="400" style="border:3px dashed #0094ff;"></canvas>
    <script>
        var canvas = document.getElementById("myCanvas");
        var ctx = canvas.getContext("2d");
        //设置阴影的模糊度
        ctx.shadowBlur = 10;
        //设置阴影的颜色
        ctx.shadowColor = "#f00";
        //设置阴影在X、Y方向的偏移
        ctx.shadowOffsetX =6;
        ctx.shadowOffsetY = -5;
        ctx.strokeStyle = "#ff0";
        ctx.font = "50px 黑体";
        ctx.textBaseline = "top";
        ctx.strokeText("阴影文字小蕾", 100, 10)

        ctx.fillStyle = "#ff0";
        ctx.font = "50px 黑体";
        ctx.textBaseline = "top";
        ctx.fillText("阴影文字小蕾", 100, 120)

        ctx.fillRect(20, 200, 100, 150);
        ctx.lineWidth = 8;
        ctx.strokeRect(150, 200, 100, 150);

    </script>
    </body>
    </html>

  • 相关阅读:
    new delete的内部实现代码
    子串的替换
    求字符串的长度
    TSQL语句学习(四)
    TSQL语句学习(二)
    杭电acm1036
    杭电acm2032
    杭电acm2045
    杭电acm2072
    杭电acm1029
  • 原文地址:https://www.cnblogs.com/xiaoleidiv/p/3168617.html
Copyright © 2011-2022 走看看