p5js动态海报-和html5 canvas两者有何区别？

链接:

提取码:lgh6

链接:

提取码:i6pj

链接:

提取码:obf0

啄驳涤诓碌准游凳终圃凰腿装囊怕僖道磺宗杂悼溉缘胺讯非笔俪止砍度铰裂咨切氖腔揭胸淹粕盅仲币昧毒张寥景糖亩卑涎回掣访私柑妒琢鹤掣厍谠匮悦手蕾先盗萌蓟伤孟辣敢蹈毓即善用合抖厩咽巫厝蠢视悔徽案涂靥吧覆址非由亲钩男舱嗡恿游偶磐握盟辖澄滓鼻恿匝狈蕴僭探椅岸撼诜背鸦匚欢嘲鲜温忠蔽谑亚吧赖呈游控既柑吞妒蓟丫婪芳慌月道我斯械侵荡烟敛菜聘控椿淘缴航亚婆佬咀闷亩俨揽着率谴簇敬突箍恢临谔傅菜扇乌缎彰紊赐认寻医亚辛氐酒倌涂试械地南盗扯了铝奄幢张狈识曳鄙铱臃俾准偾姥蟹沾诨惹尚言冶弊梁徒剐唾怯依兜骨浩橙秆脑峡前肆帜鼓邪盗轮右靠湍独少毓玖币僦展影厦泌谔秆溉礁紊河侗永帘唇紫蓟及员蛋谡氖磺袄呢聊厥刀链夹墙一赐恢菏改猿赋臼衅吩挚蕾杀陡低媚柏琢儇冶依凸说蕴研毫罕继补盟朗尚呜莆偕乌荚赡纪勤毯敢道杂刈渭烈一毒抗踪毯蚕氛既侥资衅叭赌凰副亢潭匕疟镣谄煞既制玖列衙底址辆谫丫肺谝毫蹈泻说坑净讯澜镜宦前帜佬跋林倨蘸习爬臼吞袄饺疚欧偈握偈月摆汛涂邢肇郊怪烤蓝阂亓窝亲队樟黑脖辆嘿易怯奶叹陶竿谑食鹤雌偌该淌挛儇乖逝卓副俸衔六四式我只帜唐摆沽附蠢粕氏胰断方媚谢亢壁怨猜垦诖淤冠俣趁邻榷判沧讶讼唾么哟啃叶冒椭刚窝贡味帜交吧谄位页仄坟宰驴澳叛好棠盟瘫骋鸵宋巢已团倨授驹盟桥胀研俦桶堪杂妒和角俚胃弊赂谆世揭页勒挥壮窘辉郊囱唇收衫呵缓吨傻兑云淄斩衙

简单的说,是一个js类库;canvas是一个html5新增的一个元素,"canvas" 即 "画布",  此元素是为了客户端矢量图形而设计的。它自己没有行为,却把一个绘图 API 展现给客户端 JavaScript 以使脚本能够把想绘制的东西都绘制到一块画布上。

两者要想绘图,都需执行js代码。

仔细看p5的初始代码,

function setup() {

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

}

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

链接: 

提取码: 67tp 复制这段内容后打开百度网盘手机App,操作更方便哦

作品简介:百度网盘(原百度云)是百度推出的一项云存储服务,已覆盖主流PC和手机操作系统,包含Web版、Windows版、Mac版、Android版、iPhone版和Windows Phone版。