最近的项目里面需要一个图片点击放大预览的插件~ 项目是 vue 写的 SPA ~
找了好久，没有现成的，有一个，但是写的我很不喜欢，需要手动传入图片地址，宽度和高度，都这样了，还写什么程序~
然后我打算自己写一个~
思路
基本思路的话，就是点击图片的时候，产生一个遮罩层（或者遮罩层本来就有），然后在遮罩层添加一个图片，居中什么的样式到时随便了。点击事件很简单， @click 就好了，点击图片之后可以获取到图片的路径，因为点击的是已经显示出来的图片，所以当前图片的 meta 信息肯定包含了该图片的长和宽。
生成一个遮罩层也很简单，然后根据图片的长宽和屏幕的长宽（或者浏览窗口的大小）可以计算图片的居中位置。
然后添加到 bo
继续阅读 »
上周介绍了几种配色工具，这次要介绍的是一些图片和图标的生成工具。
就算你熟练掌握Photoshop之类的图片处理工具，要制作一个小小的图标还是挺费时费力的。可是网上下载的话，颜色尺寸又不一定能适合，所以制作图片的工具将是非常必要的。
Online Generator
Online Generator包括好几个很棒的工具，首先是Preloaders，它用于制作loading图片，它的图片种类很齐全，还有大量的3D图片，最重要的是它可以任意改变尺寸，当然也包括颜色，动画。动画可以选择方向频率等等，功能十分强大，基本上只要你能找到喜欢的图案，它就一定能制作出你想要的loading图片。
继续阅读 »
本节实现的是使用OpenCV里自带的函数，将两幅图片按照特定的比例融合
实现过程
引用与读取图片
不再赘述，代码如下。
```python
import cv2
import numpy
img1 = cv2.imread('test1.png')
img2 = cv2.imread('test2.png')
```
融合图片
利用addWeighted()函数，将图片1的比例设置为0.6，图片2的0.4，如下：
python
mg_mix = cv2.addWeighted(img1, 0.6, img2, 0.4, 0)
显示图片
分别显示两幅原图和融合后的图片：
```python
cv2.imsh
继续阅读 »
html
css
.no-fancy{
margin-top:20px;
}
但也并非一定要如此，我们可以通过 CSS 为加载失败的图片定制样式，提供更好的体验。
more
关于 img 标签的两个事实
要了解如何为破裂的图片定制样式，需要先搞清楚连个事实：
我们可以为 元素指定字体样式，这些样式将用于破裂图片的替代文字，不会影响正常显示的图片。
元素实际上是一种替换元素，其外观和尺寸由外部资源定义，所以通常情况下 :before 和 :after 这两个伪元素都不起作用，一旦图片加载失败时这两个伪元素将出现。
正是基于以上两点，我们可以为破裂的图片定制样式，而不会影响正常加载的图片。
实践
使用下面的
继续阅读 »
iOS开发中,常碰到网络图片需要做尺寸适配(使显示出来的图片不变形)
,最好的解决方案是:后台把图片的分辨率拼接在图片的URL地址中,我们截取获得分辨率,从而根据宽高比,来适配imageView尺寸.
,但当后台所给图片URL地址中没有分辨率,他又不肯加时,只好我们自己来解决了.
,正好前段时间有这个需求,故特意写了一个工具XHWebImageAutoSize,来处理这个问题.
继续阅读 »
我们的项目包含图片编辑功能，特别是包含图片添加水印贴纸的功能，从最初的简单版可以添加一个图片并且移动位置，到现在添加的图片可以进行移动，以及缩放，旋转，已经是和其他的图片处理可以达到一样的很好的效果了。一直想要整理一下，分享一下实现的改进过程，一直没空，也由于我过于懒，没有动笔。今天正好有时间，分享一下。
more
原始阶段：直接添加ImageView，并且设置其在父view中的位置
父视图为RelativeLayout,贴纸view就是一个ImageView,通过设置topMargin和leftMargin来设置在父视图中显示的位置，不支持缩放和旋转。功能快速实现，代码比较冗余。再有了新的需求不方便扩展。
新阶段：自定义Vi
继续阅读 »
在开发中经常会有一些需求,比如显示头像，显示一些特殊的需求,将图片显示成圆角或者圆形或者其他的一些形状。但是往往我们手上的图片或者从服务器获取到的图片都是方形的。这时候就需要我们自己进行处理，将图片处理成所需要的形状。正如茴香豆的的“茴”写法大于一种，经过我的研究，画出特殊图片的方法也不是一种，我发现了三种，且听我一一道来。
more
使用Xfermode 两图相交方式
通过查找资料发现android中可以设置画笔的Xfermode即相交模式，从而设置两张图相交之后的显示方式，具体模式见下图，源码可以去android apidemo。(SRC 为我们要画到目标图上的图即原图，DST为目标图)
由上图可以看到，如果我们需要画
继续阅读 »
最近公司项目准备更换图片上传的插件，原来的是一个Flash控件，其实用起来还是不错的，还有进度条，浏览器支持情况也不错。不过因为某些页面的图片上传涉及到了跨域的问题，Flash似乎解决不了了，所以准备索性换成HTML5的，高端大气上档赤。然后这个HTML5上传图片功能自然落到了我的手上了。
一般来说图片上传无非就是文件操作的问题，本来这是服务器对文件流的一个操作问题，前端应该是管不上的，不过HTML5再次赋予了我们前端神圣而伟大的权利，有了HTML5部分后端失业了lol。
其实以前写过一个上传图片的插件，不过那时还活在IE6年代，只能用iframe搞定，虽然还挺好使的，不过在HTML5面前就是一个战斗力负5的渣渣，不仅需要后端返
继续阅读 »
直接写
js
function imgError(image) {
image.onerror = null; // prevent event bubble
image.src = "/images/noimage.gif";
return true;
}
html
使用 jQuery
```js
$("img").error(function () {
$(this).unbind("error").attr("src", "broken.gif");
});
//If you use this technique you can use the "one" method to av
继续阅读 »
前言
故事还得从头说起。乌云网挂掉之后,乌云知识库也无法访问了。曾经,在上面看到那么多优秀的安全类文章,一下子看不到了,颇觉得有点不适应。还好网上流传着民间的各种版本,于是我收集了一下,放在了Github上。这些文章只是一些html文件,并不包含页面上的图片。幸运的是,图片的域名static.wooyun.com还可以继续访问,因此有必要把这些图片也抓取下来。
Wooyun Drops 文章在线浏览
Wooyun Drops 文章在线浏览
Github: wooyun_articles
使用Nodejs下载图片
抓取图片链接的过程在此不再详述,无非就是打开每个html页面,找到其中img标签的src属性。我们拿到了这些ht
继续阅读 »