资讯频道 → Web前端
阅读更多

2顶
0踩

Web前端

原创新闻 CanvasTurtle ：使用javaScript 与 Canvas

2008-12-09 11:43 by 资深编辑 ╱/罒呍唲 评论(0) 有2129人浏览
JavaScript

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

jMatter 最近发布了 CanvasTurtle ，使用 JavaScript 和 Canvas，类似于 TurtlePascal 。

你可以创建一个雪花，查看以下代码： 

unction side(size, level) {
    if (level==0) {
        fd(size);
        return;
    }
    side(size/3, level-1);
    lt(60);
    side(size/3, level-1);
    rt(120);
    side(size/3, level-1);
    lt(60);
    side(size/3, level-1);
}

function snowflake(size, level) {
    (3).times(function() {
        side(size, level);
        rt(120);
    });
}
 
clean();
lt(30);
setPos(0,-100);
snowflake(250, 4);

或者是一个花园，就像这样（代码）：
                

  • 大小: 122 KB
来自: ajaxian
2
顶
0
踩
评论 共 0 条 请登录后发表评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • analog-stopwatch:使用 HTML5 Canvas 创建

    模拟秒表 使用 HTML5 Canvas 创建的秒表

  • 了解 IT 认证价值

    想在您的 IT 职业生涯中保持优势吗？信息技术认证仍是一种公认的有效途径，这可以让您迅速获得宝贵技能，并在某一领域展现更深层次的兴趣和专业知识，从而使您的职业生涯获得更进一步地发展。 Pearson VUE 及其旗下业务分支 Certiport 在全球范围内发送数百万 IT 认证考试。这些考试旨在评测考生在台式电脑和网络、服务器和云端方面的技能。我们的考试涵盖 IT 安全、虚拟化、产品架构等多个方...

  • 解读IT行业“敲门砖” IT认证逐个瞧

    IT专业技术认证是进入IT行业的“敲门砖”。由国际著名IT企业颁发的的职业证书，证明了你具有某种专业IT技能，为国际承认并通用。这些国际著名 IT企业为：Microsoft、Oracle、Cisco、Sun、Novell等。就拿微软公司来说，它在全球范围内所推行的证书主要有微软网络工程师（MCSE）、微软开发专家（MCSD）、微软数据库专家（MCDBA）等，其中，MCSE是广...

  • 国际最具潜力IT专业认证

    正如很多的争论一样，IT认证也是现在争论的热点，在IT专业人士的世界里，IT认证对于其职业规划有着很大的影响。在时下究竟哪个认证才具有最大意义呢？本文罗列了十个最具潜力的技术认证，一起来看看都有哪些吧！ 　　1.MCITP：Microsoft Certified IT Professional 　　数据库管理人员认证 　　这个盘点列表会有很多微软的认证，因为微软的系统遍布全世界，这些...

  • IT行业含金量较高的证书汇总

    当今国内流行的各种IT考试认证，包括全国计算机等级考试、软件水平考试、职业技能鉴定考试(计算机高新考试)、高校计算机等级考试(CCT)、行业认证(包括微软认证)、国家信息化技术证书、印度NIIT认证、全国信息技术高级人才水平考试(NIEH)认证、北大青鸟ACCP认证等。 国外认证考试 【1】微软   微软认证, 包括系统管理方向，数据库方向和开发方向的证书。分别叫做MCSE，MCDBA，MC...

  • canvas-games:使用HTML5 Canvas + Javascript制作的游戏的存储库

    帆布游戏 使用HTML5 Canvas + Javascript制作的游戏的存储库

  • HTML5-Canvas-Sketchbook:使用 Javascript 在 HTML 中处理 canvas 元素

    画布速写本 使用 Javascript 在 HTML 中处理 canvas 元素 现场演示@

  • Walker.js:使用 Canvas 和 JavaScript 的平台游戏

    沃克.js 使用 Canvas 和 JavaScript 的平台游戏 当前项目可以在： : 查看

  • Javascript_Canvas:使用Canvas制作的工具，游戏，奇怪的东西？

    Javascript_Canvas使用Canvas制作的工具，游戏，奇怪的东西？

  • Canvas-Game:使用HTML Canvas和Javascript创建的游戏

    帆布游戏 使用HTML Canvas和Javascript创建的游戏

  • dynamicDocCreator:使用canvas的动态文档创建者的javascript原型

    dynamicDocCreator 使用canvas的动态文档创建者的javascript原型 在此处查看演示： :

  • Canvas-Threshold-Effect:使用Canvas和JavaScript的基于Web的图像阈值效果

    画布阈值效应 使用Canvas和JavaScript的基于Web的图像阈值效果

  • JavaScript之canvas初使用

    ctx.drawImage(imgObj,原图开始裁剪位置x坐标，原图开始裁剪位置y坐标，原图裁剪的宽度，原图裁剪的高度，canvas上开始绘制位置的x坐标，canvas上开始绘制图片y坐标，canvas上图片宽度，canvas上图片高度)；

  • JavaScript：使用Canvas绘图

    1、基本用法 要使用<canvas>元素，必须先设置其width和height属性，指定可以绘图的区域大小，出现在开始后结束标签中的内容是后备信息，如果浏览器不支持<canvas>元素，就会显示这些...

  • JavaScript：canvas图像操作

    JavaScript：canvas图像操作，持续更新选中……

  • JavaScript - canvas - 使用鼠标画线，带撤销与重做功能

    文章目录预备知识画直线项目结构HTMLCSSJavaScript效果使用鼠标画线，带撤销与重做功能使用鼠标画线HTMLJavaScript效果添加撤销与重做功能HTMLJavaScript效果 预备知识 画直线 项目结构 HTML index.html 文件： &lt...

  • JavaScript 使用canvas绘制圆角矩形边框

    Canvas并没有提供绘制圆角矩形的方法,但是通过观察,我们可以发现,其实我们可以将圆角矩形分为四段,可以通过使用arcTo来实现。 我们假设起点为x,y.绘制的矩形宽高为w,h.圆角的半径为r;所以将起点设置在(x+r,y)处，...

  • JavaScript 使用Canvas绘图

    JavaScript 使用Canvas绘图 <canvas>元素负责在页面中设定一个区域，可以通过JavaScript动态地在这区域中绘制图形。 一、基本用法 1、先设置width和height来指定绘图区域大小，默认是透明的。需用...

  • meteor-canvas-to-blob:JavaScript Canvas to Blob 是一个将画布元素转换为 Blob 对象的函数

    然后以与本机实现相同的方式使用canvas.toBlob()方法： var canvas = document . createElement ( 'canvas' ) ; /* ... your canvas manipulations ... */if ( canvas . toBlob ) { canvas . toBlob ( function ( ...

  • JavaScript之类操作：HTML5 canvas多分屏示例

    这里通过JavaScript的类来写一个多分屏的画布效果，Video标签的类似。目标要求：（1）实现canvas对象的选择边框效果（2）实现多分屏的切换，支持1、4、6、9、10、16等分屏。 实现源码 <!DOCTYPE html&...

Global site tag (gtag.js) - Google Analytics