- 博客(7)
- 资源 (4)
- 收藏
- 关注
原创 巧用transform实现HTML5 video标签视频比例拉伸
前言原文地址曾几何时,项目中有碰到视频比例拉伸的需求,但是发现这个看似再普通不过的一个需求,找遍全网至今都没有找到解决方法。因为强制给video标签设置width和height的话只会将video的显示区域拉伸,但是里面的视频还是保持原始比例,怎么调都没用:因为当我横向拉伸时:当我纵向拉伸时:2016-09-21 11:15:40 更新:感谢 @RileyRen 提
2016-12-28 09:57:07 4060 1
原创 html5 canvas绘制图片模糊的问题
前提条件假设我们要在 canvas 中绘制一张300 x 90的图片,并且要保证它在高清屏中不模糊。那么我们首先要准备一张600 x 180的图片,处理过高清屏的同学应该会有这方面的经验。问题重现OK,我们先把问题重现一下,以便有一个更直观的了解。下面是相关的代码(为了简单起见,我把代码都写在了 HTML 文档里面):img src="html5rocks
2016-12-22 18:26:26 12834
原创 用canvas实现图片滤镜效果
原图demo:[html] form, input {width: 73px;height: 27px;} form { position: relative; float: left; margin: 0 10px 0 0; } #up-button{ position: ab
2016-12-20 09:37:30 2866
原创 纯JavaScript实现HTML5 Canvas六种特效滤镜
纯JavaScript实现HTML5Canvas六种特效滤镜小试牛刀,实现了六款简单常见Html5Canvas特效滤镜,并且封装成一个纯JavaScript可调用的API文件gloomyfishfilter.js。支持的特效滤镜分别为:1.反色2.灰色调3.模糊4.浮雕5.雕刻6.镜像
2016-12-20 09:36:03 6775
原创 如何通过js获取到CSS3里面transform rotate旋转角度的度数,matrix解析
如果你曾想通过下面这条语获取transform的值[javascript]view plaincopy$(objName).css('transform');很遗憾,获取到的是如下一个矩阵[javascript]view plaincopymatrix(a
2016-12-09 11:56:41 15812 3
转载 编写jQueryUI插件(widget)
使用jQueryUI的widget来写插件,相比于基本的jquery插件有一些好处:* 方便实现继承,代码重用* 默认是单例* widget已经给你实现好的一些常用方法,例如destroy带来好处的同时也带来了荆棘和陷阱,本文的目的就是梳理这些荆棘,标出哪里有陷阱。 基本知识:命名规范,public, private, this, this.elem
2016-12-08 16:06:38 6043
原创 苹果Mac OS X显示隐藏文件的方法
苹果Mac OS X显示隐藏文件的方法有很多种,这里介绍一种最简单的,方法/步骤打开“终端”,根据自己的版本选择命令早期的OS X(10.6~10.8)系统可以使用如下两条命令来开始或者关闭系统隐藏文件的显示:defaults write com.apple.Finder AppleShow
2016-12-06 10:53:32 2015
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人