- 博客(4)
- 收藏
- 关注
RSS订阅原创 带心跳的webSocket的使用和封装
一、webSocket简介 webSocket是一种网络通信协议，由于HTTP只能实现客服端向服务器的单向通信，即只能客户端主动给服务器发请求，服务器却没有办法主动“联系”客户端，所以全双工通信的webSocket应运而生，以便任何一方都能把数据推给另一方，大大提高了工作效率。 1、创建方法url为请求的webSocket接口地址，第二个参数 protocol 是可选的，指定...
2019-01-23 17:11:13
2688
原创 canvas进阶(2):canvas与事件处理
一、鼠标事件：将鼠标坐标转换为Canvas坐标 有时候，我们需要给canvas增加事件监听，然而 浏览器通过事件对象传递给监听器的鼠标坐标，是窗口坐标，而不是相对于canvas自身的坐标。大部分情况下，开发者需要知道的是发生鼠标事件的点相对于canvas的位置，而不是在整个窗口中的位置。这个时候就需要我们去做一些转换。<!DOCTYPE html><htm...
2019-01-10 17:04:44
861
原创 canvas进阶（1）：Canvas元素大小与绘图表面大小的区别
接下来，需要介绍一下什么是canvas元素的大小和绘图表面的大小。 我们一般通过canvas元素的width和height属性来改变元素的大小，我们也可以通过CSS来设置canvas元素的大小。但是，两种设置方式效果是不一样的。 使用CSS来设置canvas元素的大小与直接设置属相相比，其差别是基于这样一个事实：canvas元素实际上有两套尺寸。...
2019-01-10 14:36:47
2990
原创 canvas基础：canvas的属性、方法以及基本运用
一、canvas元素的属性属性 描述 默认值 width canvas元素绘图表面的宽度。在默认情况下，浏览器会将canvas元素的大小设定成与绘图表面大小一致。然而，如果在css中覆写了元素的大小，那么浏览器则会将绘图表面进行缩放，使之符合元素尺寸 300 height canvas元素绘图表面的高度。浏览器可能会将绘图表面缩放至与元素相同的尺寸。具体请...
2019-01-09 17:23:22
5513
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人