zoukankan      html  css  js  c++  java
  • HTML5 canvas

    HTML新增了canvas(画布)它就类似于ps的效果,可以用画笔画出你想要的效果。getContext("2d")是的到画笔对象的方法,只有设置了画笔,才能画出图像。可以在画布上绘制文本、线条、矩形、圆形等等。

    示例代码:

    <canvas id="mycas" width="400" height="400" style="background-color: #fff0c7;">
    不支持canvas
    </canvas>

       <input type="button" value="绘制阴影1" onclick="yinying1()"/>

    <script>

    function yinying1(){
    var cvs = document.getElementById("mycas");
    var gr = cvs.getContext("2d");

    //设置阴影效果
    gr.shadowBlur=100;
    gr.shadowColor="black";
    gr.shadowOffsetX=200;
    gr.shadowOffsetY=200;

    gr.fillStyle="orange";
    gr.fillRect(-150,-150, 150, 150);
    }

    </script>

  • 相关阅读:
    Java
    Java
    Java
    Java
    Java
    Java
    Java
    Java
    JSON
    正则表达式
  • 原文地址:https://www.cnblogs.com/223y/p/5689089.html
Copyright © 2011-2022 走看看