H5 Canvas实现图片格式的转换

  今天早上到公司,看到CTO要求调查关于前端如何实现图片格式转换,自己上网找了下关于canvas如何实现图片格式转换,其实还是蛮简单的,但是因为网上的教程着实写的简单,而且都一样,我也是醉了,所以写下这篇博客,以记录今天的调查结果。

使用Javasript将图片写入画布

1
2
3
4
5
6
7
function convertImageToCanvas(image) {
var canvas = document.createElement("canvas");
canvas.width = image.width;
canvas.height = image.height;
canvas.getContext("2d").drawImage(image, 0, 0);
return canvas;
}
查看全文
jquery插件开发

由于公司需要写一个功能,而公司的中使用的框架是jquery,所以想到了开发jquery框架。

1.jQuery插件开发方式

jQuery插件开发方式主要有三种:
通过$.extend(),通过$.fn向jQuery添加新的方法,通过$weight()应用jQueryUI的部件工厂方式创建

2.插件中的this

在插件名字定义的这个函数内部,this指代的是在调用该插件时,用jQuery选择器选中的元素。这里的this已经是jQuery元素,无需再用美元符包装。

3.jQuery链式调用

jQuery支持链式调用,要让插件不打破这个链式调用,只需要return一下,实例如下

1
2
3
4
5
6
7
8
$.fn.myPlugin = function(){
//这里面this指的是jquery选中的元素
this.css('color','red');
return this.each(function(){
//对每个元素进行操作
$(this).append(' '+$(this).attr('href'));
})
}

查看全文
一些想法

  今天下班比较早,本来想的要看书呢,结果都走了,所以我也就下班了,回来时候回顾自己的一天,感觉今天什么都没学下,瞬间觉得自己今天没多少收获,本来早晨时候任务很多,但是很多任务都不是很明确,让我很迷茫,不知道该怎么弄,后来问了问陈哥,才发现这些任务好几个都是能完成一半,自己的强迫症瞬间犯了,我不喜欢我的任务栏中有那么多任务,但是又完成不了,着实让我觉得难受啊!

查看全文
第一篇文章

  这个星期前两天因为要发版,所以在星期一二很忙,真心累的厉害,因为要发版。终于在周四晚上发版了,大家都很拼,真心觉得公司很有前途。周四时候,我突然想起来要弄个博客,所以自己查了查,找到github与hexo,hexo生成静态页面,github提供免费服务,所以二话不说,直接闹起,在这些天的研究中,感受到了github的强大,在那上面弄项目真心感觉很爽。同时也觉得nodejs真的是非常强大,各种插件,各种玩儿。icon

查看全文