jCanvaScript

面向HTML5的Canvas库
授权协议 未知
开发语言 JavaScript
所属分类 Web应用开发、 HTML5开发相关
软件类型 开源软件
地区 不详
投 递 者 朱毅
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

jCanvaScript是一个面向HTML5画布(canvas)的Javascript类库,它提供了许多方法用于简化处理HTML5画布(canvas)元素的内容,只要支持canvas和Javascript的浏览器都可以使用它,包括iPhone、iPad和Android等平台。

jCanvaScript主要特点

  • 完全面向对象
  • 支持对canvas环境的操作
  • 支持对象的鼠标事件
  • 支持对象的键盘事件
  • 拖拽支持
  • 提供对象管理的简易方法
  • 支持简单的对象动画

示例代码:

var interval_1=0;
function startShow()
{
    var r = Math.floor(Math.random() * (254));
    var g = Math.floor(Math.random() * (254));
    var b = Math.floor(Math.random() * (254));
    var x = Math.floor(Math.random() * (439));
    var y = Math.floor(Math.random() * (554));
    fillStyle = "rgba("+r+", "+g+", "+b+", 0.5)";
    jc.circle(x,y,1,fillStyle,1)
        .animate({radius:100,alpha:0},1500,function(){
            this.del();
        });
}

function onload_1()
{
    jc.start(idCanvas,25);
    interval_1=setInterval("startShow()",200);
}

function start_1(idCanvas)
{
    if(interval_1)return;
    onload_1();
}

function stop_1(idCanvas)
{
    clearInterval(interval_1);
    interval_1=0;
    jc.clear(idCanvas);
}
  • jCanvaScript使用心得1(—常用图绘制方法) 开始绘画 首先将jCanvaScript.js加载到你的页面中,然后获取canvas标签对象并绘图环境设置为2D,如: <script type="text/javascript" src="jCancaScript.1.5.18.min.js"></script> <script> var oc=document.getElmentById

  • 软件简介 jCanvaScript是一个面向HTML5画布(canvas)的Javascript类库,它提供了许多方法用于简化处理HTML5画布(canvas)元素的内容,只要支持canvas和Javascript的浏览器都可以使用它,包括iPhone、iPad和Android等平台。 jCanvaScript主要特点 完全面向对象 支持对canvas环境的操作 支持对象的鼠标事件 支持对象的键盘

  • 1.circle(x, y, radius, [color], [fill])    a:jc.circle({x:230,y:220,radius:50,color:'#ff0000',fill:1});  //  最后fill填充只要是boole就行,1或者true    b:jc.circle(x,y,r,[line-color],[fill-booler]) 2.rect(x,y,w,h,

  • 在jcscript.com上下载最新的jCanvaScript.1.5.18.min.js文件  里面有很多关于canvas的方法都已经是封装好了的,只需直接调用,但是要注意调用之前和调用之后都要写:jc.start("XXX");//括号里的表示画布的id。 <script type="text/javascript" src="jCancaScript.1.5.18.min.js"></scr

 相关资料
  • <canvas> 标签定义图形,比如图表和其他图像,您必须使用脚本来绘制图形。 在画布上(Canvas)画一个红色矩形,渐变矩形,彩色矩形,和一些彩色的文字。你的浏览器不支持 HTML5 的 <canvas> 元素. var c=document.getElementById("myCanvas"); var canvOK=1; try {c.getContext("2d");} catch (e

  • 在新的HTML标准HTML5中Canvas 元素用于在网页上绘制图形,该元素标签强大之处在于可以直接在HTML上进行图形操作,具有极大的应用价值。

  • 本文向大家介绍html5-canvas 长方形,包括了html5-canvas 长方形的使用技巧和注意事项,需要的朋友参考一下 示例 您可以使用该clearRect方法清除画布的任何矩形部分。 注意: clearRect取决于转换矩阵。 为了解决这个问题,可以在清除画布之前重置转换矩阵。 注: ctx.save和ctx.restore,如果你想保留画布的2D上下文状态只需要选用。在某些情况下,保存

  • 本文向大家介绍html5-canvas 底色的帆布,包括了html5-canvas 底色的帆布的使用技巧和注意事项,需要的朋友参考一下 示例 从您域外的源或本地文件系统添加内容时,画布被标记为已污染。尝试访问像素数据或将其转换为dataURL会引发安全错误。 这个例子只是一个存根,用来吸引对细节有详尽了解的人。

  • 本文向大家介绍HTML5 Canvas中的getContext是什么?,包括了HTML5 Canvas中的getContext是什么?的使用技巧和注意事项,需要的朋友参考一下 canvas元素具有一个称为getContext的DOM方法,用于获取渲染上下文及其绘图功能。此函数采用一个参数,即上下文2d的类型。 以下是获取所需上下文的代码以及检查您的浏览器是否支持<canvas>元素的代码:

  • https://developer.mozilla.org/en/Canvas_tutorial/Transformations http://en.wikipedia.org/wiki/Spirograph 移植一个HTML5画布图像到QML画布非常简单。在成百上千的例子中,我们选择了一个来移植。 螺旋图形(Spiro Graph) 我们使用一个来自Mozila项目的螺旋图形例子来作为我们的基础