返回顶部
首页 > 资讯 > 后端开发 > 其他教程 >利用Matlab制作环形相册效果详解
  • 508
分享到

利用Matlab制作环形相册效果详解

2024-04-02 19:04:59 508人浏览 泡泡鱼
摘要

目录运行效果完整步骤1.图片准备及导入2.为每张图片制作遮罩层3.调整每张图大小4.绘图及绘图参数详解完整代码运行效果 完整步骤 1.图片准备及导入 要制作一款相册足够的图片量是

运行效果

完整步骤

1.图片准备及导入

要制作一款相册足够的图片量是必不可少的,不然整个相册只有一张图来回重复多没意思呀,因此我们需要一个文件夹专门放图片,为了方便导入,这里全部都是jpg格式:

图片导入代码:

path='.\album\';%文件夹路径
files=dir(fullfile(path,'*.jpg')); 
picNum=size(files,1);

%遍历路径下每一幅图像
for i=1:picNum
   fileName = strcat(path,files(i).name); 
   img = imread(fileName);
   imgSet.(['p',num2str(i)])=img;
end

2.为每张图片制作遮罩层

for i=1:length(BlockNum)%圆环层数
    blockNum=BlockNum(i);%每一层图片数量
    Rrange=R(i,:);%每次一层半径范围
    for j=1:blockNum
        tempBoard=ones(2401,2401)==1;
        tempBoard=tempBoard&(disMesh>Rrange(1))&(disMesh<Rrange(2));
        tempBoard=tempBoard&(thetaMesh>((j-1)*2*pi/blockNum))&(thetaMesh<(j*2*pi/blockNum));
    end
end

就是依靠两个判定条件来叠加来构造扇形结构:

  • 离中心点半径处于[r,R]范围内
  • 与x轴正半轴夹角处于[theta1,theta2]之间

这是一个取交集的过程,图片描述大概是下面这个样子:

假设我们已构建好Xmesh,Ymesh矩阵

[XMesh,YMesh]=meshgrid(-1200:1:1200,-1200:1:1200);

距离矩阵:

那么距离矩阵disMesh可以这样构造:

disMesh=sqrt(XMesh.^2+YMesh.^2);

theta角矩阵:

我们首先肯定能想到atan2,一个四象限反正弦函数,他的映射关系是这样的:

是从z值范围为-pi到pi,且是以x轴负半轴为0度角的,这里我们将其z值增加pi且将坐标轴翻转,就能得到theta角矩阵:

thetaMesh=atan2(YMesh,XMesh)+pi;
thetaMesh=thetaMesh(:,end:-1:1);

更改后便是从x轴正半轴开始,映射范围为[0,2*pi].

3.调整每张图大小

我们找到每个蒙版x,y的范围将其裁剪出来:

然后按照比例将原图大小变换至至少有一个边长与蒙版相等,另一边长长于蒙版,然后截取图片中心部分,代码如下:

for i=1:length(BlockNum)%圆环层数
    blockNum=BlockNum(i);%每一层图片数量
    Rrange=R(i,:);%每一层半径范围
    for j=1:blockNum
        tempBoard=ones(2401,2401)==1;
        tempBoard=tempBoard&(disMesh>Rrange(1))&(disMesh<Rrange(2));
        tempBoard=tempBoard&(thetaMesh>((j-1)*2*pi/blockNum))&(thetaMesh<(j*2*pi/blockNum));
        TrueX=find(sum(tempBoard,1)>0);
        TrueY=find(sum(tempBoard,2)>0);
        tempMask=tempBoard(min(TrueY):max(TrueY),min(TrueX):max(TrueX));
        x1=YMesh(min(TrueX),min(TrueY));
        y1=XMesh(min(TrueX),min(TrueY));
        x2=YMesh(max(TrueX),max(TrueY));
        y2=XMesh(max(TrueX),max(TrueY));
        xdiff=x2-x1;
        ydiff=y2-y1;
        
        pic=imgSet.(['p',num2str(tempPic)]);
        [rows,cols,~]=size(pic);
        ratio=[ydiff+1,xdiff+1]./[rows,cols];
        newsize=ceil([rows,cols].*max(ratio));
        offset=floor((newsize-[ydiff+1,xdiff+1])./2);
        pic=imresize(pic,newsize);
        pic=pic((1:ydiff+1)+offset(1),(1:xdiff+1)+offset(2),:);
    end
end

4.绘图及绘图参数详解

基本参数:

BlockNum=[7,11];%每层扇形数量
R=[300,670;%第一层半径范围
670,1090];%第二层半径范围
lineColor=[0.98,0.98,0.98];线颜色
lineWidth=2;%线粗细

关于线的属性之后再说

绘图就直接是用image函数,这个没啥好说的,如果文件夹图片不多我们会采用取余的方式循环画之前的图:

tempPic=1;
for i=1:length(BlockNum)
    blockNum=BlockNum(i);
    for j=1:blockNum
        tempPic=tempPic+1;
        tempPic=mod(tempPic-1,picNum)+1;
    end
end

我们发现直接绘图的话边缘锯齿化比较严重:

我们很容易想到画线来遮丑:

t=0:0.001:(2*pi+0.001);
for i=1:length(BlockNum)
    blockNum=BlockNum(i);
    Rrange=R(i,:);
    for j=1:blockNum
        plot(cos(j*2*pi/blockNum).*Rrange,sin(j*2*pi/blockNum).*Rrange,'Color',lineColor,'LineWidth',lineWidth)
    end
    plot(cos(t).*Rrange(1),sin(t).*Rrange(1),'Color',lineColor,'LineWidth',lineWidth)
    plot(cos(t).*Rrange(2),sin(t).*Rrange(2),'Color',lineColor,'LineWidth',lineWidth)
end

当然也可以画黑线:

只需要lineColor=[0,0,0]或者lineColor='k’即可

完整代码

function ringAlbum
BlockNum=[7,11];
R=[300,670;
   670,1090];
lineColor=[0.98,0.98,0.98];
lineWidth=2;

path='.\album\';%文件夹名称
files=dir(fullfile(path,'*.jpg')); 
picNum=size(files,1);

%遍历路径下每一幅图像
for i=1:picNum
   fileName = strcat(path,files(i).name); 
   img = imread(fileName);
   imgSet.(['p',num2str(i)])=img;
end

fig=figure('units','pixels',...
        'position',[20 60 560 560],...
        'Color',[1 1 1]);
ax=axes('Units','pixels',...
        'parent',fig,...  
        'Color',[1 1 1],...
        'Position',[0 0 560,560],...
        'XLim',[-1200,1200],...
        'YLim',[-1200,1200],...
        'XColor','none',...
        'YColor','none');
hold(ax,'on')
ax.YDir='reverse';
ax.XDir='nORMal';



[XMesh,YMesh]=meshgrid(-1200:1:1200,-1200:1:1200);
disMesh=sqrt(XMesh.^2+YMesh.^2);
thetaMesh=atan2(YMesh,XMesh)+pi;
thetaMesh=thetaMesh(:,end:-1:1);

tempPic=1;
t=0:0.001:(2*pi+0.001);
for i=1:length(BlockNum)
    blockNum=BlockNum(i);
    Rrange=R(i,:);
    for j=1:blockNum
        tempBoard=ones(2401,2401)==1;
        tempBoard=tempBoard&(disMesh>Rrange(1))&(disMesh<Rrange(2));
        tempBoard=tempBoard&(thetaMesh>((j-1)*2*pi/blockNum))&(thetaMesh<(j*2*pi/blockNum));
        TrueX=find(sum(tempBoard,1)>0);
        TrueY=find(sum(tempBoard,2)>0);
        tempMask=tempBoard(min(TrueY):max(TrueY),min(TrueX):max(TrueX));
        x1=YMesh(min(TrueX),min(TrueY));
        y1=XMesh(min(TrueX),min(TrueY));
        x2=YMesh(max(TrueX),max(TrueY));
        y2=XMesh(max(TrueX),max(TrueY));
        xdiff=x2-x1;
        ydiff=y2-y1;
        
        pic=imgSet.(['p',num2str(tempPic)]);
        [rows,cols,~]=size(pic);
        ratio=[ydiff+1,xdiff+1]./[rows,cols];
        newsize=ceil([rows,cols].*max(ratio));
        offset=floor((newsize-[ydiff+1,xdiff+1])./2);
        pic=imresize(pic,newsize);
        pic=pic((1:ydiff+1)+offset(1),(1:xdiff+1)+offset(2),:);
        
        image(ax,[x1,x2],[y1,y2],pic,'alphaData',tempMask);
        tempPic=tempPic+1;
        tempPic=mod(tempPic-1,picNum)+1;
    end
    for j=1:blockNum
        plot(cos(j*2*pi/blockNum).*Rrange,sin(j*2*pi/blockNum).*Rrange,'Color',lineColor,'LineWidth',lineWidth)
    end
    plot(cos(t).*Rrange(1),sin(t).*Rrange(1),'Color',lineColor,'LineWidth',lineWidth)
    plot(cos(t).*Rrange(2),sin(t).*Rrange(2),'Color',lineColor,'LineWidth',lineWidth)
end

end

到此这篇关于利用Matlab制作环形相册效果详解的文章就介绍到这了,更多相关Matlab环形相册内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: 利用Matlab制作环形相册效果详解

本文链接: https://lsjlt.com/news/141433.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • 利用Matlab制作环形相册效果详解
    目录运行效果完整步骤1.图片准备及导入2.为每张图片制作遮罩层3.调整每张图大小4.绘图及绘图参数详解完整代码运行效果 完整步骤 1.图片准备及导入 要制作一款相册足够的图片量是...
    99+
    2024-04-02
  • 怎么用Matlab制作环形相册效果
    本篇内容主要讲解“怎么用Matlab制作环形相册效果”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“怎么用Matlab制作环形相册效果”吧!运行效果完整步骤1.图片准备及导入要制作一款相册足够的图...
    99+
    2023-06-29
  • CSS3怎么制作三维相册效果
    这篇文章给大家分享的是有关CSS3怎么制作三维相册效果的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。XML/HTML Code复制内容到剪贴板<!DOCTYPE ...
    99+
    2024-04-02
  • 教你用Matlab制作立体动态相册
    目录效果教程部分1图片导入与大小重设2figaxes设置3绘制图形句柄4立方体旋转5获取鼠标与中心点的距离6鼠标移动到fig中心时更新图片完整代码效果 教程部分 1 图片导入与大...
    99+
    2024-04-02
  • 怎么用Matlab制作立体动态相册
    小编给大家分享一下怎么用Matlab制作立体动态相册,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!效果教程部分1 图片导入与大小重设需要有一个名为album的文件夹和当前m文件在同一文件夹,另外ablum文件夹内至少要有一...
    99+
    2023-06-29
  • 详解利用Python制作中文汉字雨效果
    直接上代码 import pygame import random def main(): # 初始化pygame pygame.init() #...
    99+
    2024-04-02
  • C#实现注册码注册机制效果详解
    目录实践过程效果代码实践过程 效果 代码 public partial class frmMain : Form { public frmMain() { ...
    99+
    2023-01-03
    C#软件注册码 C#注册码 C#注册
  • 利用Matlab制作一款刮刮乐抽奖特效
    目录1.效果展示2.程序原理说明2.1奖项设置2.2随机抽取2.3绘制图层2.4滑动鼠标刮奖3.完整代码1.效果展示 程序运行效果如下: 如图所示,按住鼠标不松开并滑动鼠标,即可刮...
    99+
    2024-04-02
  • Flutter利用Canvas绘制精美表盘效果详解
    目录前言初始化面板刻度刻度线刻度值指针时针分针秒针动起来前言 趁着周末空闲时间使用 Flutter 的 Canvas制作了一个精美表盘。 最终实现的效果还不错,如下: 前面说到使用...
    99+
    2024-04-02
  • 如何利用Matlab制作一款刮刮乐抽奖特效
    这篇文章给大家分享的是有关如何利用Matlab制作一款刮刮乐抽奖特效的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。1.效果展示程序运行效果如下:如图所示,按住鼠标不松开并滑动鼠标,即可刮开图层:2.程序原理说明2...
    99+
    2023-06-29
  • 利用Matlab绘制甘特图的方法详解
    目录前言工具函数完整代码使用方法基本使用不咋好看的圆角修改Y轴标签添加每个任务上的文本信息单独修改任务标签信息修改颜色前言 好久不见哈,今天带来一个不咋炫酷但是比较实用的甘特图绘制,...
    99+
    2022-11-13
    Matlab绘制甘特图 Matlab 甘特图
  • 利用Python制作心型照片墙效果
    每到一年一度的520等节假日,作为一个地地道道的程序猿心里慌得一批。除了吃饭买礼物看电影好像就没有更多的想法了,于是想想将女友从以前到现在的所有照片整理了一下准备制作一个前所未有的照...
    99+
    2024-04-02
  • 利用python 制作词云特效详情
    目录一、特效预览二、程序原理三、程序源码什么是 ​词云​ ​词云​ 其实就是就是对网络文本中出现频率较高的〝关键词〞予以视觉上的突出,形成〝关键词云层〞或〝关键词...
    99+
    2024-04-02
  • AndroidFlutter利用CustomPaint绘制基本图形详解
    目录绘制矩形绘制圆形绘制椭圆绘制任意形状绘制弧形总结上一篇我们介绍了 CustomPaint 的基本概念和使用,可以看到 CustomPaint&nbs...
    99+
    2024-04-02
  • 怎么利用CSS制作一个聚光灯效果
    今天小编给大家分享一下怎么利用CSS制作一个聚光灯效果的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了...
    99+
    2024-04-02
  • 如何利用CSS3的3D效果制作正方体
    这篇文章将为大家详细讲解有关如何利用CSS3的3D效果制作正方体,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。学会用CSS3的3D效果制作一个正方体,有助于增强我们对3D场景的旋转和位移属性的理解。下面的...
    99+
    2023-06-08
  • 如何利用Python制作心型照片墙效果
    这篇文章主要介绍“如何利用Python制作心型照片墙效果”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“如何利用Python制作心型照片墙效果”文章能帮助大家解决问题。先将需要的非标准库梳理一下,只有...
    99+
    2023-06-30
  • JavaScript制作楼层导航效果流程详解
    目录本期目标1. 功能实现1.1 结构层1.2 样式层1.3 行为层1.3.1 楼层跳转1.3.2 楼层监听2. 效果预览3. 项目代码本期目标 使用JavaScript制作楼层导航...
    99+
    2024-04-02
  • 利用Matlab实现绘制中秋山间秋月和皓月当空效果
    目录绘制效果山间秋月皓月当空中秋节还有三天就到了,中秋节啊,阖家团圆的日子,又有多少人去摆弄电脑甚至打开MATLAB?因此要发就现在! 绘制效果 月饼绘制,立体月饼绘制,月饼状统...
    99+
    2024-04-02
  • 如何使用css制作流星旋转光环效果
    这篇文章主要介绍“如何使用css制作流星旋转光环效果”,在日常操作中,相信很多人在如何使用css制作流星旋转光环效果问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”如何使用cs...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作