content top

从癸巳写到甲午

从癸巳写到甲午

外面已经开始有稀稀拉拉的鞭炮声,我预计他会持续到天亮,所以我压根也没有打算好好休息,反正年年都是如此倒也习惯了。除夕守岁这个东西对我来说是不是有点太遥远了,我这个年纪都已经到处挨个发红包的人了,就不要搞那些个装嫩的事情了吧。

Read More

微信分享微网页的图文设置

微信分享微网页的图文设置

之前经常做一些微网页的设计,在布局之中也学到了不少,也用到了不少工具和插件。摘一些也许会经常用到的部分记录下来,以备后用。这一次要说的是关于微信分享的问题。正常我们是使用网址在手机里进行测试。测试完成后需要分享到好友和朋友圈里的时候,总不能直接就丢一条网址过去。然而直接分享的时候不是没有缩略图就是没有标题和内容。所以找到了一个简单的微信分享JS插件和使用方法,简单实用。

Read More

如何让 height:100%; 起作用

如何让 height:100%; 起作用

当你设置一个页面元素的高度(height)为100%时,期望这样元素能撑满整个浏览器窗口的高度,但大多数情况下,这样的做法没有任何效果。你知道为什么height:100%不起作用吗?这条信息我看到的时候也愣了一下,因为最近做事情的时候貌似有碰到过这种情况,但是我倒不是为了设置他的百分百,而是影响到了别的地方。有考虑过父级关系的问题,最后在莫名其妙之中解决了问题。想想这条信息应该以后会有作用,留存备用。

Read More

这三个月我都干了啥

这三个月我都干了啥

我翻看了上一篇生活手札,发现已经是三个月前的事情了。然后三个月我都没有再记录什么东西,我想了想,这三个月我都干了些啥。其实回想起来还是挺充实的,并不是那么的无所事事。但或许某些事情让我感到抑郁,所以我并没有心情记录下来。习惯跟人聊天的时候还说今年什么时候我做了什么什么,但转念一想,却应该说是去年的事情了,又转念一想,今年都已经过去了一个月。日子啊日子,你能不能过的慢一点,我还有很多事情没做完,还有很多计划要完成。

Read More

HTML5 Canvas实现图片擦除效果

HTML5 Canvas实现图片擦除效果

前段时间有一个需求说是要实现一个类似于刮刮卡的效果,但是因为我之前并没有见过这个效果,所以我并没有想象出前端如何来实现这个效果。直到前两天他们给我看了一个案例,我才知道真的可以实现。但是扒下来代码之后发现在HTML方面似乎给的很简单,就是两个图层。真正实现是在JS里。于是我看到Canvas就了然了,因为这一部分我的接触基本为零。于是我开始搜索这个图片擦除的实现方式,终于让我找到了两个比较清晰的讲解,特地贴上来留以备用。

原理很简单,就是在刮奖区添加两个canvas,第一个canvas用于显示刮开后显示的内容,可以是一张图片或一个字符串,第二个canvas用于显示涂层,可以用一张图片或用纯色填充,第二个canvas覆盖在第一个canvas上面。当在第二个canvas上点击或涂抹(点击然后拖动鼠标)时,把点击区域变为透明,这样就可以看到第一个canvas上的内容,即实现了刮奖效果。

Read More
第 10 页,共 46 页6789101112131415
content top