1、概念 canvas一般就是用来绘制图像的 canvas一般就是用来绘制图像的 2、基本知识 上下文对象 var canvas = doucment.getElementById("canvas"); var ctx = canvas.getContext("2d"); ctx.fillStyle ...
分类：
其他好文 时间：
2017-05-09 16:53:59
阅读次数：
208
有时候为了方便会直接用颜色层和过渡层来显示一些信息,但层只有方角没有圆角不太美观,于是我用剪切节点实现了一个圆角层.方便以后使用. 当然，如果使用Cosos Studio 操作会更好一些，省去了坐标裁剪计算等问题，可以一步到位 1 //图层定位,以屏幕中心偏移 2 var offsetX = 0; ...
分类：
Web程序 时间：
2017-05-06 10:12:50
阅读次数：
220
function e(event){ if(!event){ event=window.event; event.target=event.srcElement; event.layerX=event.offsetX; event.layerY=event.offsetY; } event.mx=e ...
分类：
其他好文 时间：
2017-04-22 19:47:16
阅读次数：
145
咱今天在闲逛网页时,看到一个点击带水纹的按钮特效,尼玛,写的还挺好,先看效果: 于是就奔着升级版的拿来主义,别人的好东西,咱都要拿来滴,so,扒代码! 完整代码在最后,是经过我的改进优化滴. 在这里先分析一下功能,就两个核心点. 1.获取当前鼠标点击位置,注意这里要用 offsetX/Y,不能用sc ...
分类：
其他好文 时间：
2017-04-21 18:54:00
阅读次数：
303
先总结下区别： event.clientX、event.clientY 鼠标相对于浏览器窗口可视区域的X，Y坐标（窗口坐标），可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性 event.pageX、event.pageY 类似于event.clientX、event.client ...
分类：
其他好文 时间：
2017-04-16 09:26:43
阅读次数：
134
JS获取各种宽度、高度的简单介绍： scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 of ...
分类：
Web程序 时间：
2017-04-08 11:34:42
阅读次数：
152
clientX/Y: clientX/Y获取到的是触发点相对浏览器可视区域左上角距离，不随页面滚动而改变 兼容性：所有浏览器均支持 pageX/Y: pageX/Y获取到的是触发点相对文档区域左上角距离，会随着页面滚动而改变 兼容性：除IE6/7/8不支持外，其余浏览器均支持 offsetX/Y: ...
分类：
Web程序 时间：
2017-04-04 22:15:40
阅读次数：
216
Canvas API（画布）用于在网页实时生成图像，并且可以操作图像内容，基本上它是一个可以用JavaScript操作的位图（bitmap）。使用前，首先需要新建一个canvas网页元素。 1 2 3 4 <canvas height="200" id="myCanvas" width="400"> ...
简介 关于js鼠标事件综合各大浏览器能获取到坐标的属性总共以下五种： event.clientX/Y event.pageX/Y event.offsetX/Y event.layerX/Y event.screenX/Y clientX/Y: clientX/Y获取到的是触发点相对浏览器可视区域左 ...
分类：
Web程序 时间：
2017-03-29 22:39:40
阅读次数：
216
通过 3 张图和 1 张表格，轻松区别 JavaScript Event 对象中的offsetX, clientX, pageX, screenX, layerX, x等属性。 一、测试代码如下： 二、不同浏览器对这些属性的支持： 三、图解 event.offsetX，event.clientX，e ...
分类：
Web程序 时间：
2017-03-21 12:45:02
阅读次数：
242
