正则表达式妙用

正则表达式妙用

对于正则表达式,在很多人脑海中就是一堆完全不知所云的特殊符号,看了第一眼,就不想再看第二眼,学习难度可想而知,其实这种看法完全是因为多余正则表达式没有过多的...
CSS多列等高

CSS多列等高

对于多列等高布局方法远非一种,但是我觉得浏览器兼容最好而且最简便的应该是padding补偿法。 padding补偿法的做法是把列的padding-bottom设为一个足够大的值,再把列的...
Canvas画文本自动折行

Canvas画文本自动折行

一直以来,如何在canvas中绘制text的时候自动折行都是一个比较困扰的问题,今天终于发现了一种比较好的办法。 具体思路: 先将输入文字内容的每个字符拆分成单个元素(...
巧用canvas实现网页截图

巧用canvas实现网页截图

将DOM内容HTML绘制到画布中是有可能的,但如何有把握并且安全地实现它,就应该按照规范行事。你不能把HTML画到canvas上。相反,你需要使用一个SVG图像,其中包含你想要...
css旋转实际坐标转换

css旋转实际坐标转换

在网站开发过程中,我们经常会遇到平面内元素旋转的问题,对于网页中元素的旋转,除开three.js这些大框架(仅为一个平面旋转引入一个庞大的库太浪费),与旋转相关的有...
js事件穿透实现

js事件穿透实现

很多时候我们可能会遇到事件穿透这样的问题,就是说在一个元素a上面遮了另外一个元素b,b完全遮住a,然后我们在点击b的时候,如果该点击位置在a的区域内,那么同时应该...
Canvas中clearRect失效问题

Canvas中clearRect失效问题

我们在使用canvas的过程中,可能会遇到这样的问题,我们在重绘画布图片的时候,当多重绘的间隔比较短或者说几乎同时执行的时候,我们发现一个问题,clearRect失效了,一...