最近的文章列表

分享js实现的图像模糊算法代码

项目中需要用到HTML5模糊图像,以前用GDI,GDI+中都有现成的组件来实现,HTML5中如何实现?
1.createImageData()
2.getImageData()
3.putImageData()
以上3个函数即可实现,用法和奥义,自己百度吧,我就不重复叙述了,没多大的意义。

以下是实现模糊算法的JS,其实还有种2B级算法就是分布矩阵,这样效率提高很多倍,不过效果很差,羽化的效果不强。
实现代码:

2014/6/11 Comments:
php和javascript对数据库图片进行等比缩放的例子

JS 对某图片的等比缩放

代码

代码如下:

Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/
2014/6/9 Comments:
js关于img的href和src取变量及赋值的方法
代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type"
2014/6/9 Comments:
解决IE浏览器中图片onload事件无效的方法

故事模式实现是只加载当前浏览的照片和它下面的两张照片,加载照片的时候才会加载和渲染评论区,图片没有加载前会用一个一象素的图片占位,并用一个loading类将显示出一个loading背景图,判断在可视区的时候替换成真正的图片,图片加载成功后删除loading类。

问题出在最后面,测试的时候发现在IE下loading类无法删除,当时代码如下:

代码如下:

img.src = _src;
img.src = _src;
img.onload = functi
2014/6/6 Comments:
解决chrome下jQuery width()方法取值为0的方法

http://photo.163.com/shixiaojian089/train/28002 这是网易的一个相册,看到后想试着做做看。

在我的制作方法中,需要获取到每张照片的宽度,所以很自然就使用了jq的width()方法。在ff跟ie下运行问题不大,但是到了chrome上,就出现问题了。

使用alert排查,发现chrome下width方法取到的值都是0.这样子的话,想来就是脚本运行到这的时候图片根本没加载好。问题应该出在$(function(){});上,因为这个方法只要求加载完dom就开始运行。那么改成在onload下执行,果然这下可以了。不过这明显不是很好的办法,毕竟在onload下运行要等到整个文件全部内容全部加载好后再运行脚本。 

2014/5/27 Comments:
跨域名访问资源的问题 HTML5 Canvas getImageData img.crossOrigin

利用 canvas 取得图片的data,如果 img.src是来自其它域名的图片,浏览器便会禁止执行
例如代码:

<canvas id="example" width="300" height="300">
This text is displayed if your browser does not support HTML5 Canvas.
</canvas>
2014/5/26 Comments:
分析Object #<HTMLCanvasElement> 的drawImage没有作用的原因

学canvas时候发现了这个问题,情况分析:

1:google版本不支持canvas的drawImage方法,

2:传入参数不正确导致浏览器报错(是由于image加载是异步的,可能没加载完成就开始执行相应的代码,结果资源获取不到)。

3: var canvas = document.getElementById('canvas');
     var context= canvas.getContext('2d');有可能你没有获取2D的上下文,晕,我就是这种,至于第二种情况下面有解答方法。

2014/5/26 Comments:
百度文本编辑器UEditor(图片的在线管理中)增加图片删除功能【.net版】

目前UEditor最新版本是:UEditor 1.3.6更新日期:2013.12.24根据UEditor的帮助第19条,我们知道,

UEditor提供的图片在线管理是指什么?需要注意哪些问题?
  • 1、图片在线管理虽名为管理,但考虑到安全因素,目前版本的UEditor并未提供删除功能,仅仅实现了在线图片浏览并插入至编辑器的功能。
  • 2、由于无法获取数据库相关信息,UEditor的图片浏览采用了遍历文件夹的方式来实现。同学们需要在imageManager.php文件中配置存放图片文件的文件夹路径,并最终返回如
2014/2/17 Comments: