PHP中文网-QQ群-扫二维码

QQ群

PHP中文网-关注微信公众号-扫二维码

微信公众号

当前位置:php中文网下载站 >js特效 >html5特效 >html5的七巧板特效

html5的七巧板特效

2018-02-03 来源/作者:php中文网 分类:html5特效 «» 下载次数:1
html5的七巧板特效

    var c=document.getElementById("mycanvas");
    var ctx= c.getContext("2d");
//    第一个三角形
//    开始绘制
    ctx.beginPath();
//    绘制的基点
    ctx.moveTo(0,0);
//    绘制从前一点到这点的直线
    ctx.lineTo(300,300);
    ctx.lineTo(0,600);
    ctx.closePath();//填充或闭合 需要先闭合路径才能画
//    空心三角形
//    ctx.strokeStyle="#FF7900";
//    ctx.stroke();
//    实心三角形
    ctx.beginPath();
    ctx.moveTo(0,0);
    ctx.lineTo(300,300);
    ctx.lineTo(0,600);
    ctx.closePath();//填充或闭合 需要先闭合路径才能画
//    进行绘图处理
    ctx.fillStyle = 'rgba(200,0,0,0.5)';
    ctx.fill();

html5 canvas绘制七巧板特效是一款色彩鲜艳的网页七巧板代码。


申明:PHP中文网下载站匠心打造中国最大的免费下载站!一切资源免费,所有资源都经过检测,请放心下载!

效果预览本地下载  新手使用求助QQ群: