什么是 Viewport?viewport 是用户网页的可视区域。viewport 翻译为中文可以叫做”视区"。 手机浏览器是把页面放在一个虚拟的”窗口"(viewport)中，通常这个虚拟的"窗口"(viewport)比屏幕宽，这样就不用把每个网页挤到很小的窗口中(这样会破坏没有针对手机浏览器优化的网页的布局)，用户可以通过平移和缩放来看网页的不同部分。简单点来讲：移动设备上的viewport就
转载
2024-10-28 20:34:22
13阅读
上篇文章了说了UMG对于不同分辨率通过调整DPI Scale来进行缩放，使得布局正确。并且我们也看到1280X720的设计界面，设置DPI为1.5以后，在1920x1080的设备也能显示良好，But，事情到此并未结束。我们稍微细心检查一下，就会发现，1280x720是16:9,1920x1080也是16:9，宽高正好可以通过1.5进行等比缩放，那如果一个设备的宽高比不是16:9呢？1440x900
1、背景 现在app中，图片预览功能肯定是少不了的，用户基本已经形成条件反射，看到小图，点击看大图，看到大图两个手指开始进行放大，放大后，开始移动到指定部位~~~ 我相信看图的整个步骤，大家或者说用户应该不希望被打断把~~~“我擦，竟然不能放大，什么玩意，卸了~~“ ， "我擦，竟然不能移动，留有何用，卸了~~"。 哈~所以对于图片的预览，一来，我们要让用户爽；二来，我们作为开发者，也得知道如何
转载
2024-05-23 15:13:47
125阅读
目录简单插值二次线性插值简单插值如图，我们想把一张小图缩放成一张大图，自然的想法就是按照它们的长宽比例进行缩放（zoomX）。但是问题也显而易见，在缩放的过程中，小图的像素并不能一一映射到大图的每一个像素中，会导致失真，也就是说大图中的像素与像素之间并不是原图像素的连续。开始动手，我们在Image.h中添加方法： 实现如下：通过简单的设置缩放比例来实现对像素的操作Image* Image
# 深入了解 iOS 中的 YUV
在现代视频处理和图像传输中，YUV 颜色空间常被广泛使用，尤其是在 iOS 开发中。理解 YUV 对于从事图像处理、媒体开发或视觉效果工作的人来说，具有重要的意义。本文将深入探讨 YUV 的工作原理，并给出相关的代码示例，帮助开发者更好地理解这一概念。
## 什么是 YUV？
YUV 是一种颜色编码方法，常用于视频编码和处理。它将颜色信息分解为亮度（Y）和
Kohavi R, Deng A, Longbotham R, et al. Seven rules of thumb for web site experimenters[C]// ACM SIGKDD International Conference on Knowledge Discovery and Data Mining. ACM, 2014:1857-1866.小的变化能对关键指标做出
转载
2024-08-01 15:19:40
14阅读
# iOS 渲染 YUV 的完整指南
在这一篇文章中，我将为你详细介绍如何在 iOS 中渲染 YUV 格式的视频数据。这一过程涉及到多个步骤，从获取图像数据到最终展示在屏幕上。我们会一步一步地通过代码示例来完成这个任务。
## 流程概述
首先，我们来了解一下整个流程，可以使用以下表格来展示步骤：
| 步骤 | 描述 |
|------|------
原创
2024-10-23 03:35:24
108阅读
1.简介YUV，是一种颜色编码方法，跟 RGB 是同一个级别的概念，广泛应用于多媒体领域中。也就是说，图像中每1个像素的颜色信息，除了可以用RGB的方式表示，也可以用YUV的方式表示。2.vs RGB对比RGB，YUV有哪些不同和优势呢？2.1 体积更小如果使用RGB比如RGB888（R、G、B每个分量都是8bit）1个像素占用24bit（3字节）如果使用YUV1个像素可以减小至平均只占用12bi
最近学习opencv的时候遇到的一些技术问题，拿出来分享一下。opencv1和opencv2最大的区别就是c++支持，这使得网上有些资料是opencv1的c语言写的，而有些人喜欢c++，当然接口函数也就不同了。下面是一个c++的opencv2接口的图像缩放代码。
double
scale=0.5;
//设置缩放倍数
转载
2024-03-13 09:32:47
202阅读
图像的缩放查看，在移动终端上早已不是问题，任何一个人都能够熟练的操作图像的缩放。本文所讲述的重点并不是应用层面上的，而是从编码的角度去自己实现一个图像的缩放应用。作者（就是我自己）最近在做一款APP，其中有一个功能就是抓取PC桌面的图像发送到手机上显示。虽说现在的手机屏幕在慢慢的变大，已经可以达到5.5英寸，但是相比PC显示器的20+英寸，还是显得很小，可以展现的内容也很有限。如果整个PC屏幕显
转载
2023-09-28 13:37:46
167阅读
### 在iOS中使用OpenGL渲染YUV
在iOS开发中，有时候我们需要使用OpenGL来渲染YUV格式的视频数据。YUV是一种常见的视频数据格式，它将颜色信息和亮度信息分开存储，通常用于视频编码和解码。在本文中，我们将介绍如何在iOS应用中使用OpenGL来渲染YUV视频数据。
#### YUV格式
YUV是一种将像素的颜色信息和亮度信息分开存储的视频数据格式。它通常以YUV420格式
原创
2024-02-24 04:06:16
225阅读
ios opengles 绘制YUV是一个在图形渲染和视频处理领域中常见的问题，特别是在iOS平台上。通过OpenGL ES，我们可以高效地将YUV格式的图像渲染到屏幕上。接下来，我将详细记录解决这一问题的整个过程，包括环境准备、分步指南、配置详解、验证测试、排错指南及扩展应用。
### 环境准备
在开始之前，我们需要确保我们的开发环境符合相关的软硬件要求，以下是详细的信息：
| 软件/硬件
# 显示YUV数据在iOS上的实现
在iOS开发中，我们经常会遇到需要显示YUV格式的视频数据的情况。YUV是一种常见的视频编码格式，其中Y表示亮度（Luminance），U和V表示色度（Chrominance）。在这篇文章中，我们将介绍如何在iOS应用程序中显示YUV数据，并提供相应的代码示例。
## YUV数据的显示原理
在iOS上显示YUV数据的过程可以简单分为以下几步：
1. 将Y
原创
2024-07-13 04:33:23
183阅读
# iOS OpenGL绘制YUV格式图像
在数字视频处理中，YUV是一种广泛使用的色彩空间。YUV格式的图像通常在视频编码和压缩方面表现得更为有效。iOS平台上的图形处理通常使用OpenGL/ES，而在本文中，我们将介绍如何使用OpenGL/ES在iOS上绘制YUV格式的图像。
## YUV格式简介
YUV格式的图像由三个分量组成：Y（亮度），U和V（色度）。其优点在于可以将亮度信息与色彩
A/B Testing简介互联网产品的迭代速度很快，往往一周一小发布，一月一大发布，产品提出的种种需求，哪些改动是提升产品体验的，哪些是阻碍产品进步的，如果没有数据可以参考，仅仅是靠拍脑袋的话，对产品成功与否来说是及其不严谨的，产品的成功不能只靠运气或者可能，而是要以数据为依据，靠数据说话，A/B Testing是众多数据中的一种。所谓A/B Testing是可以帮产品快速检验变化有效的一种手段，
转载
2024-05-28 21:44:24
24阅读
通常计算机在显示是CPU与GPU协同合作完成一次渲染.接下来我们了解一下CPU/GPU等在这样一次渲染过程中,具体的分工是什么?CPU: 计算视图frame，图片解码，需要绘制纹理图片通过数据总线交给GPUGPU: 纹理混合，顶点变换与计算,像素点的填充计算，渲染到帧缓冲区。时钟信号：垂直同步信号V-Sync / 水平同步信号H-Sync。iOS设备双缓冲机制：显示系统通常会引入两个帧缓
前言最近做挺多的图片处理，透视、缩放、拼接、裁剪、效果等等，那么今天就先来详细对比一下系统API处理缩放的性能，这样也好方便选择那种更优的方式来处理GitHub地址：KJExtensionHandler
| | 大致分为以下五种API：UIKit，画布 drawInRect: 和 UIGraphicsGetImageFromCurrentImageContext
CoreGraphics / Q
转载
2023-12-01 11:32:24
72阅读
介绍NSViewAnimation是Cocoa框架中专门用于动画效果实现的类。它通常被用来对NSView及其子视图进行动画处理，可以通过指定动画的起始状态和结束状态来实现各种动画效果。使用NSViewAnimation需要创建一个NSViewAnimation对象，并设置一些属性，比如动画的持续时间、缓动函数等。接着，可以调用addAnimations方法来添加需要执行动画的NSView及其属性，
转载
2023-10-06 16:12:32
152阅读
你也肯定喜欢炫酷的动画！在APP中，动画就是一个点睛之笔！可以给用户增加一些独特的体验感，估计也有许多的和我一样的，看着那些觉得不错的动画，也就只能流口水的孩子，毕竟可能不知道从哪里下手去写！动画学习的过程我会总结一个系列的出来，总结一下iOS中动画的一个学习的过程，以及当中出现的一些问题也会和大家分享。现总结几点在学习动画之前的知道的一些点，这些能帮助我们写好学好动画。 一：从这里&n
转载
2024-08-15 15:04:30
51阅读
1.使用CAReplicatorLayer制作等待动画 CALayer+CABasicAnimation可以制作很多简单的动画效果，之前的博客中介绍的“两个动画”，一个是利用一张渐变色图片+CABasicAnimation制作的等待转圈动画，还有一个是利用CAShapeLayer制作的随移动距离而渐变的按钮动画，而这次要制作的圆点缩放动画用到的
转载
2023-07-26 09:11:31
330阅读
