zoukankan      html  css  js  c++  java
  • CSS3-Canvas(阴影)

    <!DOCTYPE html5>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>CSS3-Canvas(阴影)</title>
    <script>
    window.onload=function () {

    var canvas=document.getElementById("canvas");//获取canvas对象

    var ctx=canvas.getContext("2d"); //创建二维的绘图上下文对象

    ctx.shadowOffsetX=10;//设计阴影与形状的水平距离
    ctx.shadowOffsetY=10;//设计阴影与形状的垂直距离
    ctx.shadowColor="lightblue";//定义阴影的颜色
    ctx.fillStyle="lightpink";
    ctx.shadowBlur=10;//定义阴影的模糊级别
    ctx.fillRect(50,50,200,100);//定义填充颜色的矩形

    }

    </script>
    </head>
    <body>
    <h2>Canvas(阴影)</h2>
    <canvas id="canvas" width="500" height="500" style="border:1px solid red ">
    浏览器不支持canvas
    </canvas>
    </body>
    </html>
  • 相关阅读:
    Day10
    Day9
    Day8
    Day 7
    Day-6
    java中的原子性
    java 原子性
    内存可见性
    JVM 常忘笔记
    JVM 解释执行 编译执行 JIT
  • 原文地址:https://www.cnblogs.com/YoogaChan/p/6964745.html
Copyright © 2011-2022 走看看