• 第一次在掘金发文章,瑟瑟发抖。这个主要是为了学习使用一下canvas和websocket,你画我猜大家应该都玩过,一个人画,其他人猜。目前实现了最基本的功能,慢慢修改。
  • 在HTML5本地存储——Web SQL Database提到过Web SQL Database实际上已经被废弃,而HTML5的支持的本地存储实际上变成了在IndexedDB大部分操作并不是我们常用的调用方法,返回结果的模式,而是请求——响应的模式,比如打开数据库的操作这条指令并不会返回一个DB对象的句柄,我们得到的是一个IDBOpenDBRequest对象,而我们希望得到的DB对象在其result属性中,
  • WebSocket是基于TCP的一种新的网络协议,并在2011年被IETF定为标准的全双工通信协议,它实现了客户端与服务器全双工通信。WebSocket 使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在 WebSocket API 中,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输。众所周知,在WebSocket出现之前,很多网站为了实现推送技术,所用的技术都是 Ajax 轮询。轮询是在特定的的时间间隔(如每1秒),由浏览器对服务器
  • area 元素总是嵌套在在 HTML 中,
  • WebSocket是基于TCP的一种新的网络协议,并在2011年被IETF定为标准的全双工通信协议,它实现了客户端与服务器全双工通信。WebSocket 使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在 WebSocket API 中,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输。众所周知,在WebSocket出现之前,很多网站为了实现推送技术,所用的技术都是 Ajax 轮询。轮询是在特定的的时间间隔(如每1秒),由浏览器对服务器
  • Kubernetes v1.0.x-1.9.xKubernetes v1.10.0-1.10.10 (fixed in v1.10.11)Kubernetes v1.11.0-1.11.4 (fixed in v1.11.5)
  • 特殊情况: 画布大小和canvas标签大小不相等的时候,画布会被缩放到跟标签大小一样。
  • 作者本人的干货,一般人我不给他看。(开玩笑的)canvas是一个很实用的工具,难可以难到头发掉光,简单可以简单到几行代码就能给人眼前一亮的效果。这里是作者在开发canvas的道路上遇过的坑,以及如何用简易地使用canvas做一些日常任务,比如分享图片的自定义,又比如大家喜欢的X炸天的粒子特效(不知道算不算,反正很COOL就是了)。大家都知道Canvas可以做流畅的动画,功能很强大,但是Canvas中并没有像Dom那样可以帮助我们调试的工具。不过现在mac有一款web inspector(
  • 在Canvas中进行碰撞检测,大家往往直接采用游戏引擎(Cocos2d-JS、Egret)或物理引擎(Box2D)内置的碰撞检测功能,好奇的你有思考过它们的内部运行机制吗?下面将针对基本的碰撞检测技术进行讲解:说完矩形碰撞,我们再来聊聊圆形碰撞,同样我们将创建两个Circle对象A和B(以下简称A,B),其中A位置固定,B跟随鼠标移动,当A,B重叠时控制台将提示intercect!!更新Init.js ,初始化Circle对象A和B,最后开启动画循环。
  • 小程序中的某些场景需要通过 canvas 绘制一些图片, 其中包含一些文字、可能的二维码等等。 然后实现时如果完全手动的去定位元素在 canvas 中的位置,结果就会产生大量不能复用和难以维护的代码。引入 utils 目录下
  • 写于 2016.01.25喜欢前端,学习前端的最原始的动机,就是因为它可以制作非常酷炫的效果。然而现在上班所用的技巧,多是在业务逻辑那一块,并非是我最初想要去做的东西。所以在下班以后,打算重新拾起自己的兴趣,去学习真正的“酷炫”的东西。 Canvas,就是能够让我实现目标的利器之一。希望通过这一个笔记,能够督促我高效完成学习,并且把学习的感悟分享出来。学习资源来自
  • 绘图标签svgSVG 文件可通过以下标签嵌入 HTML 文档: