存档 - 2 月 2014 - HHTjim'S 部落格

2月份的峨眉雪

作者：matrix 发布时间：2014 年 2 月 17 日分类：零零星星

峨眉雪，在乐山地区来讲这是一瓶本地特产的饮料。昨去了峨眉山，也就峨眉雪了。
山路走了一段距离。

康熙游山摩崖石刻

开始从雷洞坪徒步，用了3小时才到的金顶。够呛的

那是个好耍，爬的你好耍。

阅读剩余部分 »

利用QQ空间查询接口的网页小应用

作者：matrix 发布时间：2014 年 2 月 15 日分类：零零星星

用qq空间的api可以查询到相关QQ号码的很多信息。查询qq空间背景音乐是最常见的了。

QQ空间背景音乐接口

webapp示例下载

http://qzone-music.qq.com/fcg-bin/cgi_playlist_xml.fcg?g_tk=1916754934&json=1&uin=QQ号码

json=1表开启json格式，0表xml格式

收藏音乐查询接口

webapp示例下载

http://qzone-music.qq.com/fcg-bin/fcg_music_fav_getinfo.fcg?p=0.519638272547262&g_tk=1284234856&dirinfo=0&dirid=1&uin=QQ号码

QQ音乐接口：

http://tsmusic24.tc.qq.com/ qq音乐歌曲id.mp3

http://tsmusic24.tcdn.qq.com/ qq音乐歌曲id.mp3

qq音乐歌曲id为上面接口获取到的id

http://tsmusic24.tc.qq.com/ qq音乐urlID.wma

http://tsmusic24.tcdn.qq.com/ qq音乐urlID.wma
使用：

QQ空间背景音乐里很多类似stream7.qqmusic.qq.com/12169471.wma的地址，很多时候直接下载是没法的。

这的12169471即为qq音乐urlID，转换为可下载地址：http://tsmusic24.tc.qq.com/12169471.wma 这也就达到了目的。

其实搜搜音乐里的也差不多。速度很不错的！

另附（有些需要权限）：

QQ空间信息：

http://r.qzone.qq.com/cgi-bin/user/cgi_personal_card?uin=QQ号码

比如http://r.qzone.qq.com/cgi-bin/user/cgi_personal_card?uin=858123

_Callback(
{"uin":858123,
"rflag":-1,
"pycertified":0,
"qzone":1,
"intimacyScore":0,
"nickname":"子琪",
"realname":"",
"smartname":"",
"logolabel":"1390926521",
"commfrd":0,
"friendship":0,
"offsetBirth":80,
"isFriend":0,
"bitmap":"08549500050ec001",
"score":14265,
"avatarUrl":"http://qlogo4.store.qq.com/qzone/858123/858123/100?1390926521",
"specialrelation":0});

uin表QQ号

nickname表昵称

qzone：1表qzone已开通

score 表积分

avatarUrl 表空间头像地址

QQ空间日志列表：

http://b1.qzone.qq.com/cgi-bin/blognew/blog_get_titlelist?uin=QQ号码

QQ空间日志内容：

http://b1.qzone.qq.com/cgi-bin/blognew/blog_get_data?uin=QQ号码&blogid=列表中的blogid

QQ头像：

http://q1.qlogo.cn/g?b=qq&s=100&nk=QQ号码

s=100表开启100*100px大小

http://q1.qlogo.cn/headimg_dl?bs=qq&spec=100&dst_uin=QQ号码

spec=100表开启100*100px大小

Clipping Magic在线抠图去背景工具

作者：matrix 发布时间：2014 年 2 月 11 日分类：零零星星

移除图片背景Remove Image Backgrounds

地址：http://clippingmagic.com/

在线抠图利器。对于ps不会折腾的，很方便。

简单操作：

打开官网，虚线框的Drag and Drop Image Here即为拖放图片到这里。

图片上传完成后会出现一排的按钮。主要使用的也就这：

图片上传完成后会出现一排的按钮

红色-：抠背景使用

绿色+：圈保留区域

蓝色橡皮擦

蓝色的Download下载按钮，点击下载按钮后提示 Generating result...

Download下载按钮

之后点击Download Result下载生成后的图片。

点击Download Result下载生成后的图片

我抠的非常渣。

抠的非常渣

官网有更详细的操作教程：

http://clippingmagic.com/tutorials/basics 我也看不懂，Google翻译

多说360度旋转css代码

作者：matrix 发布时间：2014 年 2 月 6 日分类：Wordpress

多次看到多说评论的头像样式，鼠标悬停的时候360度旋转~

css：

#ds-avatar{  
    width:54px;height:54px; /*设置图像的长和宽*/  
    border-radius: 27px;/*设置图像圆角效果,在这里我直接设置了超过width/2的像素，即为圆形了*/  
    -webkit-border-radius: 27px;/*圆角效果：兼容webkit浏览器*/  
    -moz-border-radius:27px;  
    box-shadow: inset 0 -1px 0 #3333sf;/*设置图像阴影效果*/  
    -webkit-box-shadow: inset 0 -1px 0 #3333sf;  
    -webkit-transition: 0.4s;     
    -webkit-transition: -webkit-transform 0.4s ease-out;  
    transition: transform 0.4s ease-out;/*变化时间设置为0.4秒(变化动作即为下面的图像旋转360读）*/  
        -moz-transition: -moz-transform 0.4s ease-out;  
        }  

#ds-avatar:hover{/*设置鼠标悬浮在头像时的css样式*/  
    box-shadow: 0 0 10px #fff; rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);  
    -webkit-box-shadow: 0 0 10px #fff; rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);  
    transform: rotateZ(360deg);/*图像旋转360度*/  
    -webkit-transform: rotateZ(360deg);  
        -moz-transform: rotateZ(360deg);  
    }

说明：#ds-avatar为头像图片的样式ID。

来自：http://ifoouucode.duapp.com/37