canvas实例分享-CSDN论坛

canvas实例分享

推荐

Web 开发 > HTML5

收藏回复

[问题点数：40分]

⋅前端面试分享 ⋅canvas实例分享 ⋅HTML5版贪吃蛇 更多帖子 关注私信空间博客 tianma630 等级 本版专家分：345 勋章 黄花 2013年4月 Java大版内专家分月排行榜第二 结帖率 87.5%: 自己最近学习canvas写的一些实例、游戏分享给大家，希望对想学习canvas的同学有所帮助，求置顶

2015-08-06 21:05:19

点赞 11 只看楼主引用举报楼主收起

展开阅读全文

⋅前端面试分享 ⋅canvas实例分享 ⋅HTML5版贪吃蛇 更多帖子 关注私信空间博客 tianma630 等级 本版专家分：345 勋章 黄花 2013年4月 Java大版内专家分月排行榜第二

在线画图



<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title></title>

</head>

<body>

<canvas width="600" height="600" id="canvas" style="border:1px solid red;"></canvas>

<script>

    var canvas = document.getElementById('canvas');

    var cxt = canvas.getContext('2d');



    canvas.onmousedown = function(ev){

        var x = ev.clientX - canvas.offsetLeft;

        var y = ev.clientY - canvas.offsetTop;

        cxt.beginPath();

        cxt.moveTo(x, y);



        document.onmousemove = function(ev){

            var x = ev.clientX - canvas.offsetLeft;

            var y = ev.clientY - canvas.offsetTop;

            cxt.lineTo(x, y);

            cxt.stroke();

        };

    };



    document.onmouseup = function(){

        cxt.closePath();

        document.onmousemove = null;

    };



</script>

</body>

</html>

2015-08-06 21:28:44

点赞只看TA 引用举报 #1得分 0

烟花效果



<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title>烟花</title>

</head>

<body>

<div id="skelet">

    <canvas width="600" height="600" id="canvas" style="border:1px solid red;"></canvas>

    <script>



        var canvas = document.getElementById('canvas');

        var cxt = canvas.getContext('2d');



        var timer;

        var iStop = false;

        var fires = [];



        function draw(){

            var _fires = [];

            for(var i=0; i<fires.length; i++){

                cxt.save();

                cxt.translate(fires[i].x, fires[i].y);

                for(var j=0; j<12; j++){

                    cxt.save();

                    cxt.beginPath();

                    cxt.strokeStyle = 'rgba('+fires[i].color+', '+(fires[i].alpha--)/1000+')';

                    cxt.rotate(30*j*Math.PI/180+fires[i].offset);

                    cxt.translate(fires[i].radius++/10, 0);

                    cxt.rotate(45*Math.PI/180);

                    cxt.moveTo(0, 0);

                    cxt.lineTo(10, 0);

                    cxt.stroke();

                    cxt.closePath();

                    cxt.restore();

                }

                cxt.restore();



                if(fires[i].alpha > 0){

                    _fires.push(fires[i])

                }

            }

            fires = _fires;

        }



        function drawTip() {

            cxt.save();

            cxt.font="20px Verdana";

            cxt.fillStyle = 'skyblue';

            cxt.fillText('请单击页面！', 230, 290);

            cxt.restore();

        }



        function erase(){

            cxt.clearRect(0, 0, canvas.width, canvas.height);

        }



        canvas.onmousedown = function(e){

            var ev = e || window.event;



            var x = e.clientX - canvas.offsetLeft;

            var y = e.clientY - canvas.offsetTop;



            var r = Math.round(Math.random()*255);

            var g = Math.round(Math.random()*255);

            var b = Math.round(Math.random()*255);



            var offset = Math.round(Math.random()*45);



            fires.push({'radius':0,'alpha':1000,'x':x,'y':y,'color':r+','+g+','+b, 'offset':offset});

        };



        window.requestAnimationFrame =

                window.requestAnimationFrame ||

                window.mozRequestAnimationFrame ||

                window.webkitRequestAnimationFrame ||

                window.msRequestAnimationFrame;



        window.cancelRequestAnimationFrame =

                window.cancelRequestAnimationFrame ||

                window.mozCancelRequestAnimationFrame ||

                window.webkitCancelRequestAnimationFrame ||

                window.msCancelRequestAnimationFrame;



        function animate() {

            erase();

            draw();

            drawTip();

            if(iStop){

                cancelRequestAnimationFrame(timer);

            }else{

                timer = requestAnimationFrame(animate);

            }

        }



        animate();





    </script>

</div>

</body>

</html>

2015-08-06 21:30:59

点赞只看TA 引用举报 #2得分 0

时钟



<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title>时钟</title>

</head>

<body>

    <canvas id="clock" width="500" height="500"></canvas>

    <script>

        var clock = document.getElementById('clock');

        var cxt = clock.getContext('2d');



        function drawClock(){



            var now = new Date();

            var sec = now.getSeconds();

            var min = now.getMinutes();

            var hour = now.getHours();

            hour = hour + min/60;

            hour = hour>12? hour-12: hour;



            // 清除画布

            cxt.clearRect(0, 0, 500, 500);

            // 表盘

            cxt.lineWidth = 10;

            cxt.strokeStyle = 'blue';

            cxt.beginPath();

            cxt.arc(250, 250, 200, 0, 360, false);

            cxt.closePath();

            cxt.stroke();

            // 刻度

            for(var i=0; i<12; i++){

                cxt.save();

                cxt.lineWidth = 7;

                cxt.strokeStyle = '#000';

                cxt.translate(250, 250);

                cxt.rotate(i * 30 * Math.PI/180);

                cxt.beginPath(0, 0);

                cxt.moveTo(0, -170);

                cxt.lineTo(0, -190);

                cxt.closePath();

                cxt.stroke();

                cxt.restore();

            }



            for(var i=0; i<60; i++){

                cxt.save();

                cxt.lineWidth = 5;

                cxt.strokeStyle = '#000';

                cxt.translate(250, 250);

                cxt.rotate(i * 6 * Math.PI/180);

                cxt.beginPath();

                cxt.moveTo(0, -180);

                cxt.lineTo(0, -190);

                cxt.closePath();

                cxt.stroke();

                cxt.restore();

            }



            // 时针

            cxt.save();

            cxt.lineWidth = 7;

            cxt.strokeStyle = '#000';

            cxt.translate(250, 250);

            cxt.rotate(30 * hour * Math.PI/180);

            cxt.beginPath();

            cxt.moveTo(0, -140);

            cxt.lineTo(0, 10);

            cxt.closePath();

            cxt.stroke();

            cxt.restore();



            // 分针

            cxt.save();

            cxt.lineWidth = 5;

            cxt.strokeStyle = '#000';

            cxt.translate(250, 250);

            cxt.rotate(6 * min * Math.PI/180);

            cxt.beginPath();

            cxt.moveTo(0, -160);

            cxt.lineTo(0, 15);

            cxt.closePath();

            cxt.stroke();

            cxt.restore();



            // 秒针

            cxt.save();

            cxt.lineWidth = 3;

            cxt.strokeStyle = 'red';

            cxt.translate(250, 250);

            cxt.rotate(6 * sec * Math.PI/180);

            cxt.beginPath();

            cxt.moveTo(0, -170);

            cxt.lineTo(0, 20);

            cxt.closePath();

            cxt.stroke();



            cxt.beginPath();

            cxt.arc(0, 0, 6, 0, 360, false);

            cxt.closePath();

            cxt.fillStyle = 'gray';

            cxt.fill();

            cxt.stroke();



            cxt.beginPath();

            cxt.arc(0, -150, 5, 0, 360, false);

            cxt.closePath();

            cxt.fillStyle = 'gray';

            cxt.fill();

            cxt.stroke();



            cxt.restore();

        }

        drawClock();

        setInterval(drawClock, 1000);

    </script>

</body>

</html>

2015-08-06 21:32:15

点赞 1 只看TA 引用举报 #3得分 0

⋅业余草的留言板

⋅程序员的朋友圈都是什么样的？你想要什么样的朋友圈？

⋅送积分了！如果再有一次机会让你选择，你还会选择程序员，选择前端吗？

更多帖子

关注私信空间博客

版主

业余草

等级

本版专家分：21362

勋章

GitHub 绑定GitHub第三方账户获取

优秀版主 2015年8月优秀小版主
2015年5月优秀小版主
2015年4月html5优秀版主

蓝花 2015年7月 Web 开发大版内专家分月排行榜第三: 恩恩，不错谢谢分享！

2015-08-07 11:11:10

点赞只看TA 引用举报 #4得分 0

⋅.net core项目使用sharpSVN

⋅ABP框架中自定义登陆授权如何实现

⋅关于ScriptManager和UpdatePanel的正确使用姿势，Button点击后随Repeater项目数量执行多次的问题

更多帖子

关注私信空间博客

Amy安

等级

本版专家分：193

勋章

技术圈认证 用户完成年度认证，即可获得

签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！

GitHub 绑定GitHub第三方账户获取: 好东西～抱走
感谢分享

2015-08-07 14:57:49

点赞只看TA 引用举报 #5得分 0

⋅求助利用html5 websocket如何实现实时通信 更多帖子 关注私信空间博客 xiaomayilj 等级 本版专家分：20: 灰常感谢！

2015-08-07 15:29:42

点赞只看TA 引用举报 #6得分 0

⋅此用户还没有发表过任何帖子 关注私信空间博客 lantianweishi9 等级 本版专家分：0: 灰常感谢！灰常感谢！

2015-08-07 16:24:02

点赞只看TA 引用举报 #7得分 0

圆周运动



<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title></title>

</head>

<body>

<canvas width="600" height="600" id="race" style="border:1px solid red;"></canvas>

<script>

    var race = document.getElementById('race');

    var cxt = race.getContext('2d');



    var ang = 0;

    var speed = 1;

    var sAng = 0;



    function draw() {

        cxt.save();



        cxt.translate(300, 300);



        cxt.save();

        cxt.beginPath();

        cxt.fillStyle = '#CCA548';

        cxt.arc(0, 0, 220, 0, 360*Math.PI/180, false);

        cxt.fill();

        cxt.closePath();

        cxt.restore();



        cxt.save();

        cxt.beginPath();

        cxt.fillStyle = 'white';

        cxt.arc(0, 0, 200, 0, 360*Math.PI/180, false);

        cxt.fill();

        cxt.closePath();

        cxt.restore();



        cxt.save();

        cxt.rotate(ang*Math.PI/180);

        ang += speed;

        //speed += 1;

        cxt.fillStyle = '#CDC9A5';

        cxt.fillRect(210, -40, 40, 80);

        cxt.strokeRect(210, -40, 40, 80);



        cxt.fillStyle = 'white';

        cxt.fillRect(230, -20, 10, 10);

        cxt.fillRect(230, 10, 10, 10);



        cxt.save();

        cxt.translate(210, -20);

        cxt.fillStyle = '#000';

        cxt.beginPath();

        cxt.arc(0, 0,10, 0, 360*Math.PI/180, false);

        cxt.fill();

        cxt.closePath();



        cxt.fillStyle = 'white';

        cxt.beginPath();

        cxt.arc(0, 0, 2, 0, 360*Math.PI/180, false);

        cxt.fill();

        cxt.closePath();



        cxt.save();

        if(sAng > 360){

            sAng = 0;

        }

        cxt.rotate(sAng*Math.PI/180);

        sAng += 4;

        cxt.strokeStyle = 'white';

        cxt.strokeRect(-5*Math.sqrt(2), -5*Math.sqrt(2), 10*Math.sqrt(2), 10*Math.sqrt(2));

        cxt.restore();



        cxt.restore();



        cxt.save();

        cxt.translate(210, 20);

        cxt.fillStyle = '#000';

        cxt.beginPath();

        cxt.arc(0, 0,10, 0, 360*Math.PI/180, false);

        cxt.fill();

        cxt.closePath();



        cxt.save();

        cxt.rotate((sAng+45)*Math.PI/180);

        cxt.strokeStyle = 'white';

        cxt.strokeRect(-5*Math.sqrt(2), -5*Math.sqrt(2), 10*Math.sqrt(2), 10*Math.sqrt(2));

        cxt.restore();



        cxt.restore();



        cxt.beginPath();

        cxt.arc(210, 20, 2, 0, 360*Math.PI/180, false);

        cxt.fill();

        cxt.closePath();



        cxt.restore();



        cxt.restore();

    }



    //draw();



    function animate() {



        cxt.clearRect(0, 0, 600, 600);

        draw();



        requestAnimationFrame(animate);

    }



    requestAnimationFrame(animate);





</script>

</body>

</html>

2015-08-07 16:32:00

点赞只看TA 引用举报 #8得分 0

浮动效果



<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title>漂浮效果</title>

</head>

<body>

<div>

    <canvas width="1000" height="600" id="canvas" style="border:1px solid red;"></canvas>

    <script>



        var canvas = document.getElementById('canvas');

        var cxt = canvas.getContext('2d');



        var timer;

        var iStop = false;

        var radius = 50;

        var transX = 0;

        var step = -1;



        function draw(){



            cxt.save();

            cxt.translate(transX, 300);

            cxt.beginPath();

            cxt.moveTo(0, 0);

            for(var i=0; i<2160; i++){

                var y = radius*Math.sin(i*Math.PI/180);

                cxt.lineTo(i, y);

            }

            cxt.stroke();

            cxt.closePath();

            cxt.restore();



            cxt.save();

            cxt.strokeRect(50, 300-Math.abs(radius)-50, 900, 50);

            cxt.restore();



            radius += step;

            if(radius == 50 || radius == -50){

                step = -step;

            }

            transX -= 3;

            if(transX <= -1080){

                transX = 0;

            }

        }



        function erase(){

            cxt.clearRect(0, 0, canvas.width, canvas.height);

        }



        window.requestAnimationFrame =

                window.requestAnimationFrame ||

                window.mozRequestAnimationFrame ||

                window.webkitRequestAnimationFrame ||

                window.msRequestAnimationFrame;



        window.cancelRequestAnimationFrame =

                window.cancelRequestAnimationFrame ||

                window.mozCancelRequestAnimationFrame ||

                window.webkitCancelRequestAnimationFrame ||

                window.msCancelRequestAnimationFrame;



        function animate() {

            erase();

            draw();

            if(iStop){

                cancelRequestAnimationFrame(timer);

            }else{

                timer = requestAnimationFrame(animate);

            }

        }



        animate();

    </script>

</div>

</body>

</html>

2015-08-07 16:45:17

点赞只看TA 引用举报 #9得分 0

仿微信游戏-见缝插针



<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title>微信小游戏</title>

</head>

<body>

<div>

    <canvas width="600" height="600" id="canvas" style="border:1px solid red;"></canvas>

    <script>



        var canvas = document.getElementById('canvas');

        var cxt = canvas.getContext('2d');



        var timer;

        var iStop = false;

        var rotateSpeed = 0;

        var endLines = [{'deg':0},{'deg':90},{'deg':180},{'deg':270}];

        var runSpeed = 0;

        var runLines = [{'x1':300,'y1':600, 'x2':300, 'y2':500, 'speed':0}];



        function draw(){

            cxt.save();

            cxt.translate(300, 300);

            cxt.rotate(rotateSpeed*Math.PI/180);

            cxt.beginPath();

            cxt.arc(0, 0, 50, 0, 360*Math.PI/180, false);

            cxt.stroke();

            cxt.closePath();



            for(var i=0; i<endLines.length; i++){

                cxt.save();

                cxt.rotate(endLines[i].deg*Math.PI/180);

                cxt.beginPath();

                cxt.moveTo(50, 0);

                cxt.lineTo(150, 0);

                cxt.stroke();

                cxt.closePath();

                cxt.restore();

            }

            cxt.restore();



            for(var j=0; j<runLines.length; j++){

                cxt.save();

                cxt.beginPath();

                cxt.moveTo(runLines[j].x1, runLines[j].y1);

                cxt.lineTo(runLines[j].x2, runLines[j].y2);

                cxt.stroke();

                cxt.closePath();

                cxt.restore();

            }



            var _runLines = [];

            for(var k=0; k<runLines.length; k++){

                if(runLines[k].y2 < 450){

                    for(var m=0; m<endLines.length; m++){

                        if((endLines[m].deg + rotateSpeed)%360 == 90){

                            iStop = true;

                        }

                    }

                }

                if(runLines[k].y2 == 350){

                    endLines.push({'deg':90-rotateSpeed});

                }else{

                    runLines[k].y1 -= runLines[k].speed;

                    runLines[k].y2 -= runLines[k].speed;

                    _runLines.push(runLines[k]);

                }

            }

            runLines = _runLines;



            if((++rotateSpeed) == 360){

                rotateSpeed = 0;

            }



        }



        function erase(){

            cxt.clearRect(0, 0, canvas.width, canvas.height);

        }



        document.onmousedown = function(){

            runLines.push({'x1':300,'y1':600, 'x2':300, 'y2':500, 'speed':10});

        };



        window.requestAnimationFrame =

                window.requestAnimationFrame ||

                window.mozRequestAnimationFrame ||

                window.webkitRequestAnimationFrame ||

                window.msRequestAnimationFrame;



        window.cancelRequestAnimationFrame =

                window.cancelRequestAnimationFrame ||

                window.mozCancelRequestAnimationFrame ||

                window.webkitCancelRequestAnimationFrame ||

                window.msCancelRequestAnimationFrame;



        function animate() {

            erase();

            draw();

            if(iStop){

                cancelRequestAnimationFrame(timer);

            }else{

                timer = requestAnimationFrame(animate);

            }

        }



        animate();

    </script>

</div>

</body>

</html>

2015-08-07 16:47:37

点赞只看TA 引用举报 #10得分 0

1 2 3 ... 7

收起

收藏回复

tianma630

等级：

: 黄花 2013年4月 Java大版内专家分月排行榜第二

关注私信 TA的帖子

canvas实战——WPS分享PDF文件的小图标: 用wps分享简历文件的时候，看到分享文件上如下图小图标。因为，前几天有简单学习Canvas，所以想着能不能用canvas给它画出来。首先，我们设置一下canvas的画布： <body> <canvas style="border: 1px...

js canvas实现放大镜查看图片功能: 本文实例为大家分享了canvas实现放大镜查看图片功能的具体代码，供大家参考，具体内容如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&...

canvas学习笔记、小函数整理: canvas学习笔记、小函数...http://bbs.csdn.net/topics/391493648　　canvas实例分享　2016-3-16 http://bbs.csdn.net/topics/390582151　　html5 canvas 实现液体效果　2016-5-11 CANVAS学习笔记，小函数整理...

微信小程序2D canvas绘制分享海报: canvas type="2d" id="canvas_box" style="width:260px;height:430px "></canvas> <button class='bottom' catchtap="bc" canvas-id="mycanvas"> 保存到相册 </button> </view> type：...

绘制canvas图的完整实例: 待续

微信小程序canvas制作分享海报（可保存图片）: 点击分享好友会直接触发微信的小程序分享，点击保存图片会保存至相册，供发朋友圈使用；注意：昵称，头像，二维码，海报底图背景都可以从接口获取动态绘制，接口获取的图片src必须是https（开发版本可以用http）...

canvas红包照片实例分享: 效果: 点击RESET：随机显示剪辑区域；点击SHOW：显示完整清晰图片； ... ...代码如下： ...canvas红包照片</title> [removed][removed] <style type="text/css"> #blur_div{ width: 500px; height:

利用HTML5 Canvas制作键盘及鼠标动画的实例分享: 主要介绍了利用HTML5 Canvas制作键盘及鼠标动画的实例,文中分别分享了一个键盘控制的小球移动和鼠标触发的小丑小脸例子,需要的朋友可以参考下

Canvas实例教程：图像移动、大小调整和裁剪: 学习如何使用JavaScript和HTML5 Canvas元素来调整和裁剪图像...)，适用于图片编辑器、照片分享等应用场景。Tutorial links：http://tympanus.net/codrops/2014/10/30/resizing-cropping-images-canvas/；Read more:h

canva画图图片居中裁剪_Canvas实例教程：图像移动、大小调整和裁剪: 本文介绍如何使用JavaScript和HTML5 Canvas元素来移动、调整大小和裁剪图像，这些技术适用于图片编辑器、照片分享等应用场景。一般而言图像的剪裁会放在服务端进行，但是图片传送会消耗较多的流量。借助HTML5 Canvas...

Canvas 效果实例: 其中，关于 Canvas 是现在非常流行，并且也被广泛运用的一种技术。那今天就一起来跟着我学习一下，如何实现下面的这个图片吧。2.前期准备我们的 Canvas 更擅长绘制大量的效果，例如我们上面看到的这个小动画。我们就...

html5版canvas自由拼图实例: 本文实例讲述了html5版canvas自由拼图的实现方法。分享给大家供大家参考。具体方法如下：代码运行效果如下图所示： canvasElement.js代码如下：复制代码代码如下:define(‘canvasElement’, [ ‘../multi_...

微信小程序canvas基础图文案例: 微信小程序canvas图文效果 wxml页面代码 canvas-id是一定要写的，新建画布的id跟后面js相对应。  ...

canvas 弹幕效果（实例分享）: 话不多说，请看代码 <!DOCTYPE html> <html lang="en"> <head>...meta charset="UTF-8">... <canvas xss=removed>你的浏览器不支持canvas</canvas> </body> [removed][removed] <scrip

使用html5 canvas 画时钟代码实例分享: 这个东东是用来玩的，不是用来做应用的，学习下canvas API。先给大家展示效果图实现代码复制代码代码如下:[removed] // <![CDATA[ var time = new Date(); var h = time.getHours(); var m = time.getMinutes...

微信小程序 Canvas增强组件实例详解及源码分享: 主要介绍了微信小程序 Canvas增强组件实例详解及源码分享的相关资料,WeZRender是一个微信小程序Canvas增强组件，这里详细介绍，需要的朋友可以参考下

Canvas实例——绘制时钟: canvas+javascript绘制时钟，Canvas绘制图像

2019最新Web前端经典面试试题及答案-史上最全前端面试题(含答案): 近期总结一一些面试题都是企业的面试题笔记题感觉薪资10k下的都会出笔试题 ...同时分享一个自己录制的CSS3动画特效经典案例【推荐教程】--后期会更新vue框架微信小程序等内容。 https://ke.qq.com/cou...

canvas绘制表盘时钟: 本文主要分享了canvas绘制表盘时钟的示例代码。具有很好的参考价值，下面跟着小编一起来看下吧

Canvas实例教程图像移动大小调整和裁剪: Canvas实例教程图像移动大小调整和裁剪

《微信小程序》微信小程序开发实例: WXCustomSwitch 微信小程序自定义 Switch 组件模板 WeixinAppBdNovel 微信小程序demo：百度小说搜索 shitoujiandaobu 小程序：石头剪刀布（附代码说明） audiodemo 微信小程序开发之视频播放器 Video 弹幕 ...

微信小程序实现canvas分享朋友圈海报: 本文实例为大家分享了微信小程序分享朋友圈海报的具体代码，供大家参考，具体内容如下思路：生成朋友圈海报放在公共文件，首先需要绘制canvas，点击分享朋友圈按钮，在手机屏幕看不见的地方（定位left：1000px）...

canvas性能优化——离屏渲染: 最近在做一些canvas以及WebGL之类的动画，突然发现做粒子动画的时候在数量过多的时候很卡，性能特别低，所以了解了一下性能优化的一些方法，在这里记录一下，也希望得到跟多优化方法的分享以及错误的指正。...

Canvas放置反弹效果随机图形(实例): 下面小编就为大家带来一篇Canvas放置反弹效果随机图形(实例)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

canvas save()和canvas restore()状态的保存和恢复使用方法及实例: 新的一天又来啦，最近这些天一直是阴雨连绵的，也是醉了，不过还好今天终于可以看到灿烂的...canvas.save()和canvas.restore()状态的保存和恢复使用方法及实例canvas.save()用来保存先前状态的 canvas.restore()用来恢

JS+Canvas实现的俄罗斯方块游戏完整实例: 本文实例讲述了JS+Canvas实现的俄罗斯方块游戏。分享给大家供大家参考，具体如下：试玩（没有考虑兼容低版本浏览器）： ********************************************************************** 9月3日更新： ...

canvas-special：：star2：超多经典canvas实例，动态离子背景，移动炫彩小球，贪吃蛇，坦克大战，是男人就...: 超多经典canvas实例 普及： < <canvas>元素用于在网页上绘制图形这是一个图形容器，您可以控制其每一像素，必须使用脚本来绘制图形。注意：IE 8以及更早的版本不支持<canvas>元素。贴士：全部示例都分享在我的...

Notepad++ 7.9.1: notepad++是一个免费的、开放源码的文本和源代码编辑器。notepad++是用c++编程语言编写的，它以减少不必要的功能和简化过程而自豪，从而创建了一个轻便高效的文本记事本程序。实际上，这意味着高速和易访问的、用户友好的界面。 notepad++已经存在了将近20年，没有任何迹象表明它的受欢迎程度会下降。记事本绝对证明了你不需要投资在昂贵的软件来编写代码从舒适的自己的家。自己尝试一下，你就会明白为什么Notepad能坚持这么久。

Claymore-Dual-Miner：下载以太坊矿工（2020年更新）-源码: Claymore-Dual-Miner：下载以太坊矿工（2020年更新）

微信dat文件解析工具.zip: 使用java编写的，可以将电脑端微信的dat加密文件转换为png、jpg等图片资源，方便直接查看微信聊天记录文件。

相关热词 c#dll vb 调用 c# outlook c#修改表数据 c# 子窗体值返给父窗体 c# label 格式化 c# 程序如何控制摄像头 c# 获取运行时间 c#知识点结构图微软c# c#解析owl