图像的融合本质上也是图像间的加法操作，只是与图像叠加不同的是，图像叠加是两个图像之间的简单直接相加，而图像融合则是按权重分配进行相加。我们假设待融合的两个图像为image1和image2，其中image1权重为a，image2权重为b，那么融合后的图像dst=image1*a+image2*b。 在 ...
分类：
编程语言 时间：
2020-01-22 11:20:03
阅读次数：
90
圆角矩形介绍 在 中通过 属性可以实现元素的圆角矩形。 属性值一共有 个，左上、右上、左下、右下。 属性值规则如下：第一个值为左上、第二个值为右上、第三个值为左下、第四个值为右下。 假如 属性值都是一致的我可以设置一个属性值即可。 圆角矩形实践 圆角矩形基本使用方式 如果我们的 属性值一致实践。 如 ...
分类：
Web程序 时间：
2020-01-21 23:46:14
阅读次数：
112
双飞翼布局，就是两端固定宽高，中间自适应的三栏布局 先来张图，左边和右边的灰色块是固定宽高的，中间绿色的区域是宽高自适应 方式一：通过flex弹性布局来实现 看代码 //HTML结构，div2是中间的自适应区域 ... <body> <div class="wrap"> <div class="di ...
分类：
Web程序 时间：
2020-01-20 14:45:21
阅读次数：
89
ContentSizeFitter，自适应宽高脚本要在下一帧的时候才会适应宽高。如果想立即生效，可以调用 这里的rectTransform是当前物体的RectTransForm。 此处还有一个问题，就是如果是ContentSizeFitter嵌套，则需要刷新每一个RectTransForm ...
分类：
编程语言 时间：
2020-01-18 20:59:39
阅读次数：
238
导读 这篇文章中主要介绍一下函数节流，然后给了一个图片懒加载的例子，说图片懒加载的时候顺带提了下怎么使用JS获取页面的宽高，卷上去的长度等。参考来源主要是《JavaScript高级程序设计》。 函数节流 浏览器的DOM操作比起非DOM交互需要更多的内存和cpu时间，连续过多的DOM操作可能会导致浏览 ...
分类：
其他好文 时间：
2020-01-18 12:58:56
阅读次数：
101
? jQuery中分别为我们提供了两套快速获取和设置元素尺寸和位置的API，方便易用，内容如下。 1.4.1 jQuery 尺寸操作 ? jQuery 尺寸操作包括元素宽高的获取和设置，且不一样的API对应不一样的盒子模型。 语法 代码演示 ? 注意：有了这套 API 我们将可以快速获取和子的宽高， ...
分类：
Web程序 时间：
2020-01-18 12:53:16
阅读次数：
90
上周需要做一个把页面左侧列表内容拖拽到右侧区域，并且绘制成关系树的功能。看了设计图，第一反应是用canvas绘制关系线。吭哧吭哧搞定这个功能后，发现用canvas绘图，有一个很严重的缺陷。那就是如果左侧关系特别多，需要绘制成百上千条时，而canvas画布的宽高在写dom的时候就已声明。关系很多的情况 ...
分类：
其他好文 时间：
2020-01-18 12:44:40
阅读次数：
258
从一个需求说起 这标题起得有点标题党，实际情况是我最近在做一个公司内部工具时，遇到了这么一个需求，给定一个静态资源站点上某张图片的url（比如https://a.xxxcdn.com/demo.jpg），如何获取其存储大小并计算出加载该资源的平均网速呢？注意，是存储大小，而不是图片的宽高尺寸大小。接 ...
分类：
Web程序 时间：
2020-01-16 14:41:47
阅读次数：
116
打开一篇多图的微信公众好文章。在图片加载过程中，我们发现微信对每一个img都塞了也个占位图，而且占位图的宽高就是实际加载完图的宽高。这是如何做到的呢？ 1.微信所有的img标签里,都有自定义的data-ratio,data-w.这两个属性是关键. //data-w:是图片的natural width ...
分类：
微信 时间：
2020-01-16 01:02:40
阅读次数：
286
垂直居中，在CSS中是一个老生常谈的问题，面试的时候也会时常被提及。所以，今天我们就来聊聊9种不同的居中方法。有常见的flex、transform、absolute等等。也有CSS3的网格布局。还有伪元素的方法，是的，你没有看错，::after和::before也可以实现居中。1、flex大家的第一反应，可能就是flex了。因为它的写法够简单直观，兼容性也没什么问题。是手机端居中方式的首选。<
分类：
Web程序 时间：
2020-01-16 01:00:21
阅读次数：
110
