ps5js是什么意思

JavaScript016

ps5js是什么意思,第1张

应该是一个p5.js，它是一个JavaScript的函数库。

p5.js是一个JavaScript的函数库，它在制作之初就和Processing有同样的目标。就是让艺术家，设计师，教育工作者和编程初学者能够很容易，很轻松地学习和使用程序设计。并且它也能给现在的网页带来一些新的东西，例如p5的官方网站。

在你学习p5.js的同时，还可以帮助你学习JavaScript，能够将制作出来的有创意，有趣的东西呈现在任何的浏览器上。当然还可以用它做很多事情，做艺术创作，做资料数据的可视化，做交互艺术等等。

常用的js绘图库有：

D3.js：一个功能强大的数据可视化库，支持吸附闭合等功能。

Raphael.js：一个轻量级的交互绘图库，支持实时显示角度和长度。

Fabric.js：一个强大的交互绘图库，支持实时检测垂直和平行等功能。

p5.js：一个用于创作艺术和交互作品的库，可以实现吸附闭合等功能。

简单的说，p5.js是一个js类库；canvas是一个html5新增的一个元素，"canvas" 即 "画布",  此元素是为了客户端矢量图形而设计的。它自己没有行为，却把一个绘图 API 展现给客户端 JavaScript 以使脚本能够把想绘制的东西都绘制到一块画布上。两者要想绘图，都需执行js代码。仔细看p5的初始代码，

function setup() {

  createCanvas(400, 400)//为html页面创建canvas元素

}

两者的本质都是通过js来实现canvas的表现，p5.js与jquery库无异，将一些常用的功能需求的代码进行封装，以实现代码的简化。也就是任何p5.js可实现的，通过纯canvas的js api都能实现，不过要想实现，往往牺牲得是时间与效率。而p5.js提供了一种仅需少量代码就能实现很炫酷的操作的方法。两者渲染速度比较，理论上应该是一样的，毕竟大家殊途同归嘛，都是通过js来实现的，只要纯js写的足够优化，是会比p5.js快一丢丢的，差异不明显。明显的差异是p5.js在网页加载时需要下载p5.js的类库才能进行操作，而canvas api由于是客户端提供的原因，则不需要。