![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小游戏开发
文章平均质量分 82
canvas
前端小草籽
学习ing
展开
-
客户端存储cookie + localStorage + sessionStorage 和 服务器存储 cookie + session
设置cookie:ctx.cookies.set(key,value)获取cookie: ctx.cookie.get(key)1.后端的cookie的存储位置:后端设置的cookie会存储在客户端浏览器里面,前端设置的也在客户端浏览器里面,且所在的位置相同。原创 2022-08-23 00:07:14 · 1720 阅读 · 0 评论 -
canvas绑定键盘事件不会生效 + 解决办法
写贪吃蛇游戏时遇到一个问题:想的是给canvas绑定键盘事件,从而操作蛇的移动,但是绑定键盘事件后,却没有效果,然后给window绑定后就可以操操作蛇的移动了。不知道为啥?原创 2022-08-21 11:28:42 · 1717 阅读 · 0 评论 -
canvas:心率图案例 + ES5/ES6封装该案例
主要目的是练习:ES5中函数的封装 和 ES6中class类的封装。原创 2022-08-17 19:55:08 · 668 阅读 · 0 评论 -
可视化领域 SVG
在学习SVG之前,首先要了解和的区别。CanvasXML左边是位图,右边是矢量图那么SVG是什么呢?它是矢量图的其中一种格式。XML。对于初学SVG的前端来说,可以简单的理解为SVG。所以可以使用CSS来设置样式,也可以使用JS对SVG进行操作。......原创 2022-07-26 23:03:55 · 1062 阅读 · 0 评论 -
canvas 图形
5.如果不从3点钟方向开始算,想从12点钟方向算,转换为度后,-90的时候要写成90*deg,deg不能忘,不然就是0度-90弧度,导致出错。注意点描边矩形的描边,它会有内描边和外描边,比如说你描边宽度为40px,那么,你有20px的描边在矩形内部,20px的描边在矩形外部。w,h为所画的矩形的宽度和高度,相对于矩形的左上角(x,y)来说的。3.rect(x,y,w,h);清理矩形方法clearRect(x,y,w,h)其中的x,y,w,h为画布中要清除的矩形的参数。......原创 2022-07-24 15:58:26 · 774 阅读 · 0 评论 -
canvas概述
以前我们用div+css可以绘制矩形、圆角矩形、圆形、或者椭圆形,可是若想绘制三角形、五角形,或者异形,那就很难了。因此,这个时候我们就需要使用canvas绘图。我们可以使用canvas绘制复杂图形,做动画,处理图像,开发游戏,处理视频…这时候,会svg的小伙伴可能会说,用svg也可以绘制上面的形状。svg与canvas确实有着很多共通之处,很多项目可以用SVG开发,也可以用canvas开发。svg,是矢量图形,缩放不失真;支持鼠标事件,选择方便;不适合图形数量较大的场景。...............原创 2022-07-24 13:05:35 · 1240 阅读 · 1 评论