zoukankan      html  css  js  c++  java
  • 【一天一个canvas】制作渐变式PPT背景(十五)

    PPT的背景有的很好看,其实有的是用图片,有的是用渐变做的,今天我试着做了一个渐变式的PPT背景图(特殊用途),使用的是Canvas的径向渐变矩形,其实没什么特殊的,直接上代码吧

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Canvas</title>
    <meta name="keywords" content="Canvas">
    <meta name="description" content="Canvas HTML5">
    </head>
    <style type="text/css">
        canvas{border:dashed 1px #CCC}
    </style>
    <script type="text/javascript">
        function $$(id){
            return document.getElementById(id);
        }
        function pageLoad(){
            var can = $$('can');
            var cans = can.getContext('2d');
            var gnt1 = cans.createRadialGradient(600,300,0,400,700,800);
            gnt1.addColorStop(1,'#bdbdbd');
            gnt1.addColorStop(0,'#f3f3f3');
            cans.fillStyle = gnt1;
            cans.fillRect(0,0,800,600);
            cans.fill();
        }
    </script>
    <body onload="pageLoad();">
        <canvas id="can" width="800px" height="600px"></canvas>
    </body>
    </html>
     
  • 相关阅读:
    获取split分割的最后一个值
    django分页查询
    django中iframe请求报错的问题
    pandas.Series
    NumPy 切片和索引
    继承
    NumPy 从数值范围创建数组
    迭代器iter用法
    numpy.asarray
    NumPy 创建数组
  • 原文地址:https://www.cnblogs.com/babysay123/p/4666546.html
Copyright © 2011-2022 走看看