精华内容
下载资源
问答
  • Life is a great big canvas, and you should throw all the paint on it you can. 人生是一幅大画布,你应该努力绘出绚丽多彩的画面.

    Life is a great big canvas, and you should throw all the paint on it you can.

    人生是一幅大画布,你应该努力绘出绚丽多彩的画面.


    展开全文
  • 一幅图像分块

    热门讨论 2011-11-08 19:27:35
    一幅给定的图像,进行分块,得到其各分块,便于对各个分块处理。
  • //改变li的背景图片并加上个data属性值 $("#imgLi").css("background-image","url("+imgArr[index]+")").attr("data",index); //改变选中圆点 $(".num ul li").eq(index).addClass("class").siblings()....

    效果图如下:

    代码如下:

     

    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title></title>
        <style>
            *{
                margin:0;
                padding:0;
            }
            #imgList{
                width:730px;
                height:420px;
                margin:100px auto;
                border:1px solid pink;
                position:relative;
                border:6px dashed pink;
            }
            #imgList:hover .pre,#imgList:hover .next{
                display:block;
            }
            #imgList .img{
                position:absolute;
                top:0;
                left:0;
                z-index:-1;
            }
            ul li{
                list-style-type:none;
                float:left;
            }
            #imgList .num {
                float:right;
                margin-top:10px;
            }
            #imgList .num ul li{
                width:16px;
                height:16px;
                -webkit-border-radius: 8px;
                -moz-border-radius: 8px;
                border-radius: 8px;
                border:1px solid white;
                margin-right:6px;
            }
            #imgList .num ul li a{
                display:block;
                width:16px;
                height:16px;
                -webkit-border-radius: 8px;
                -moz-border-radius: 8px;
                border-radius: 8px;
                border:1px solid white;
                margin-right:6px;
            }
            #imgList .num ul li a:hover{
                cursor:pointer;
                background-color:pink;
            }
            #button .pre{
                width:60px;
                height:80px;
                background-color:rgba(0,0,0,0.5);
                color:white;
                font-size:40px;
                text-align:center;
                line-height:80px;
                vertical-align: middle;
                font-weight:bold;
                float:left;
                margin-top:170px;
            }
            .pre,.next{
                display:none;
            }
            .pre:hover,.next:hover{
                cursor:pointer;
            }
            #button .next{
                width:60px;
                height:80px;
                background-color:rgba(0,0,0,0.5);
                color:white;
                font-size:40px;
                text-align:center;
                line-height:80px;
                vertical-align: middle;
                font-weight:bold;
                float:right;
                margin-top:170px;
                margin-right:-94px;
            }
            #imgList .img ul li{
                width:730px;
                height:420px;
                background-image:url("s1.jpg");
            }
            .class{
                background-color:pink;
            }
        </style>
    </head>
    <body>
    <div id="imgList">
        <div class="img">
        <ul>
            <li id="imgLi" data="0"></li>
        </ul>
        </div>
        <div class="num">
            <ul>
                <li class="class"><a></a></li>
                <li><a></a></li>
                <li><a></a></li>
                <li><a></a></li>
            </ul>
        </div>
        <div id="button">
            <div class="pre" onclick="pre();">&lt;</div>
            <div class="next" onclick="pre();">&gt;</div>
        </div>
    </div>
    <script src="jquery-1.10.2.min.js"></script>
    <script>
        var imgArr=["s1.jpg","s2.jpg","s3.jpg","s4.jpg"];
        var index=0;
        function show(){//自动切换
            if(index<3){
                index++;
                //改变li的背景图片并加上一个data属性值
                $("#imgLi").css("background-image","url("+imgArr[index]+")").attr("data",index);
                //改变选中圆点
                $(".num ul li").eq(index).addClass("class").siblings().removeClass("class");
            }else{
                index=0;
                $("#imgLi").css("background-image","url("+imgArr[index]+")").attr("data",index);
                $(".num ul li").eq(index).addClass("class").siblings().removeClass("class");
            }
        }
        setInterval(show,6000);
        function pre(){//上一个按钮
            var data= $("#imgLi").attr("data");
            var num=parseInt(data)-1;
            if(num<0){
                num=3;
                $("#imgLi").css("background-image","url("+imgArr[num]+")").attr("data",num);
                $(".num ul li").eq(num).addClass("class").siblings().removeClass("class");
            }else{
                $("#imgLi").css("background-image","url("+imgArr[num]+")").attr("data",num);
                $(".num ul li").eq(num).addClass("class").siblings().removeClass("class");
            }
        }
        function next(){//下一个按钮
            var data= $("#imgLi").attr("data");
            var num=parseInt(data)+1;
            if(num>3){
                num=0;
                $("#imgLi").css("background-image","url("+imgArr[num]+")").attr("data",num);
            }else{
                $("#imgLi").css("background-image","url("+imgArr[num]+")").attr("data",num);
            }
        }
        $(".num ul li").click(function(){//圆点按钮
            $(".num ul li").eq($(this).index()).addClass("class").siblings().removeClass("class");
            var number=$(this).index();
            $("#imgLi").css("background-image","url("+imgArr[number]+")").attr("data",number);
        })
    </script>
    </body>
    </html>

     

     

     

    展开全文
  • Photoshop打造一幅梦幻的暗夜波涛图 本教程除了调色之外还融入了很多装饰元素画面效果非常壮观尤其是后期颜色调整的非常有视觉冲击力教程中作者没有提供教材中的一些用到的素材需要自己去网上下载 图 SEQ 图 \* ...
  • 网上搜集的,包括各种显示特效的C源程序。含反白交替显示、交替变化显示、拉幕显示、流动显示、模拟北京奥运会开幕式击缶画面、显示一幅图片等显示效果视频,非常不错的。
  • 如何输出一幅要素齐全的地图

    千次阅读 2019-08-28 10:05:34
    本篇博文小编为大家分享如何输出一幅要素齐全的地图,首先来了解一下什么是地图呢?地图是按照一定的法则,有选择地以二维或多维形式与手段在平面或球面上表示地球若干现象的图形或图像,它具有严格的数学基础、符号...

    作者:dongyx

            本篇博文小编为大家分享如何输出一幅要素齐全的地图,首先来了解一下什么是地图呢?地图是按照一定的法则,有选择地以二维或多维形式与手段在平面或球面上表示地球若干现象的图形或图像,它具有严格的数学基础、符号系统、文字注记,并能用地图概括原则,科学地反映出自然和社会经济现象的分布特征及其相互关系。
            一幅完整的地图是需要有地图要素的。而地图要素分为数学要素、地理要素和辅助要素。下面我将从以上三种要素为大家详细介绍如何在SuperMap iDesktop 桌面软件(以下简称桌面软件)中完成这几类要素。
            首先在打开桌面软件并打开一个工作空间,在工作空间管理器下右键布局节点–新建布局,选择空白模板。在’对象操作’选项卡下选择地图,添加一幅地图到布局中,如果地图按钮是灰色是因为打开的工作空间中没有地图,需要创建一幅地图并保存,再添加到布局中,如图所示:
    在这里插入图片描述
    一、数学要素
            数学要素:具有按一定的数学法则构成的或具有数学意义的地图要素,包括坐标网、控制点、地图比例尺及地图定向要素等。
            比例尺:是表示图上一条线段的长度与地面相应线段的实际长度之比,比例尺=图上距离/实际距离。点击’对象操作’选项卡下方的’比例尺’按钮,在布局中的指定位置添加比例尺,可以右键比例尺属性,弹出比例尺属性框:在属性框中设置比例尺类型(桌面软件主要提供两种类型的比例尺:数字比例尺、线段式比例尺)、比例尺单位等参数;
    在这里插入图片描述
    在这里插入图片描述
            地图定向要素(指北针):主要是指示地图的方向。点击’对象操作’选项卡下方的’指北针’按钮,在布局中的指定位置添加指北针,一般是在地图的右上方,也可根据地图的轮廓自定义设置。右键指北针–属性,弹出属性框设置指北针的样式:
    在这里插入图片描述
    在这里插入图片描述
    二:地理要素
            地理要素:是指地图内容,包括自然地理要素与社会经济要素。在配置地图的时候已经添加地图的内容,包括街道、行政区域、POI点等。在这就不赘述了。
    三、辅助要素
            辅助要素:也称整饰要素,主要指便于读图和用图的某些内容。例如:图名、图号、图例和地图资料说明,以及图内各种文字、数字注记等。
            文本注记:在’对象操作’选项卡下点击’文本’按钮,可在布局的任何位置添加文本,添加完文本后可在风格设置选项卡中设置文本的风格:包括文本的字体、大小、颜色等属性。
    在这里插入图片描述
            图例:图例是集中于地图一角或一侧的地图上各种符号和颜色所代表内容与指标的说明,有助于更好的认识地图。在’对象操作’选项卡下点击’图例’按钮,在布局中的指定位置添加图例,如图所示:
    在这里插入图片描述
            这时会发现图例内容太多,文本显示太小,文本超出布局外边界等问题,我们可以右键图例–拆分布局元素,这时我们可以修改布局的元素,包括删除图例子项、修改图例子项位置、修改文本颜色等属性。修改后结果如图所示:
    在这里插入图片描述
            当然在桌面软件软件中,不止添加这些要素,还可以添加很多要素来丰富我们的地图,图表格、图片、统计图表等。
    四、地图输出
            在完成一幅地图后就需要输出地图了,在桌面软件中提供了两种方式输出地图:
            1.输出为图片:支持输出JPG、PNG、位图、TIFF影像四种。右键布局窗口–输出为图片,在弹出框中设置图片类型、分辨率等。如果要输出高分辨率的图片建议输出为pdf。
    在这里插入图片描述
            结果如图所示:
    在这里插入图片描述
            2.输出为PDF:只需要设置文件名称和DPI即可输出高分辨率的PDF了。
    在这里插入图片描述
            结果如图所示:
    在这里插入图片描述

    展开全文
  • Qt 在GraphicsView中 打开一幅图片

    千次阅读 2016-03-27 00:39:55
    记录一下如何在 Qt中打开一幅图片 步骤: 1. 新建一个项目,Qt C++ 项目, Qt GUI应用 之后按步骤新建就可以了,  2. 勾选中下面这三个 3. 新建一个MainWindow ...

    简述:

    记录一下如何在 Qt中打开一幅图片


    步骤:

    1. 新建一个项目,Qt C++ 项目, Qt GUI应用

    之后按步骤新建就可以了, 


    2. 勾选中下面这三个



    3. 新建一个MainWindow

    点击下一步, 完成, 工程创建完毕



    4 这一步之后是具体如何用Qt打开一幅图片

    双击mainwindow.ui 进入design模式,

    选中


    拖拽到上方


    于是就出现了一个窗口。


    5. 之后添加一个打开图片的按钮

    拖拽一个PushButton, 用同样的方法,之后改变名字为OpenImageBtn这个是Button对象实例的名字



    6. 添加信号事件, 按了OpenImageBtn之后,打开图片文件

    回到 需要定义一个SLOT信号槽,来处理按了button的事件,这里有一个on_slotOpenImage_triggered() 信号槽

    具体参看代码.其他包括文件打开的代码,参考网上


    代码:

    头文件——

    mainwindow.h

    [cpp]  view plain  copy
    1. #ifndef MAINWINDOW_H  
    2. #define MAINWINDOW_H  
    3.   
    4. #include <QMainWindow>  
    5. #include <QImage>  
    6. #include <QGraphicsView>  
    7. #include <QGraphicsScene>  
    8. #include <QFileDialog>  
    9.   
    10. namespace Ui {  
    11.     class MainWindow;  
    12. }  
    13.   
    14. class MainWindow : public QMainWindow  
    15. {  
    16.     Q_OBJECT  
    17.   
    18. public:  
    19.     explicit MainWindow(QWidget *parent = 0);  
    20.     ~MainWindow();  
    21.   
    22. private:  
    23.     Ui::MainWindow *ui;  
    24.     QImage *image;  
    25.   
    26. private slots:  
    27.     void on_slotOpenImage_triggered(); //信号槽  
    28. };  
    29.   
    30. #endif // MAINWINDOW_H  

    源文件——

    main.cpp

    [cpp]  view plain  copy
    1. #include <QtGui/QApplication>  
    2. #include "mainwindow.h"  
    3.   
    4. int main(int argc, char *argv[])  
    5. {  
    6.     QApplication a(argc, argv);  
    7.     MainWindow w;  
    8.     w.show();  
    9.   
    10.     return a.exec();  
    11. }  

    mainwindow.cpp

    [cpp]  view plain  copy
    1. #include "mainwindow.h"  
    2. #include "ui_mainwindow.h"  
    3.   
    4. MainWindow::MainWindow(QWidget *parent) :  
    5.     QMainWindow(parent),  
    6.     ui(new Ui::MainWindow)  
    7. {  
    8.     ui->setupUi(this);  
    9.     resize(800,600);  
    10.   
    11.     this->image = new QImage();  
    12.   
    13.     //connect the button listener event  
    14.      connect(ui->OpenImageBtn,SIGNAL(clicked()), this, SLOT(on_slotOpenImage_triggered()));  
    15.   
    16. }  
    17.   
    18. void MainWindow::on_slotOpenImage_triggered()  
    19. {  
    20.     QString fileName = QFileDialog::getOpenFileName(  
    21.                 this"open image file",  
    22.                 ".",  
    23.                 "Image files (*.bmp *.jpg *.pbm *.pgm *.png *.ppm *.xbm *.xpm);;All files (*.*)");  
    24.     if(fileName != "")  
    25.     {  
    26.         if(image->load(fileName))  
    27.         {  
    28.             QGraphicsScene *scene = new QGraphicsScene;  
    29.             scene->addPixmap(QPixmap::fromImage(*image));  
    30.             ui->graphicsView->setScene(scene);  
    31.             ui->graphicsView->resize(image->width() + 10, image->height() + 10);  
    32.             ui->graphicsView->show();  
    33.         }  
    34.     }  
    35. }  
    36.   
    37. MainWindow::~MainWindow()  
    38. {  
    39.     delete image;  
    40.     delete ui;  
    41. }  


    实现效果:

    未打开时:


    打开后:



    未完待续。。。




    FROM: http://blog.csdn.net/anialy/article/details/8181038

    展开全文
  • 服务器将数据保存在 MySQL 中,需要安装。 需要手动创建potlatch 数据库,和/或更改application.properties 文件中的设置。 Spring security 从数据库中读取帐户用户。
  • 使用p5.js画一幅简单的动态风车图 因为大三互动媒体技术课程需要使用p5.js画图显示动态效果,并和自己手绘作品进行对比,查了查网上好像没有做风车相关的教程,就在这里简单介绍下吧。 工具 js编辑器(我用的是...
  • OpenCV中,在图像上绘制另一幅图像通常的作法是用cvSetImageROI + cvCopy,但是这种方式下,上层的那幅图像必须是矩形的。 我在写程序中出现这样一个需求,要在一幅图像中绘制一个足球,上述方法是不能绘出圆形的...
  • 我的思维导图(第一幅

    千次阅读 2013-05-11 22:03:12
    因为以前买书买的太多了些,然后也没怎么看,所以这段日子一直在看书,看了大概5.6本吧。...等等,因为我感觉重复的读本小说,是非常有意思的,所以被我重复看的那些书所讲的故事,基本上我都能复述出
  • opencv 将两张图片显示到一幅图片中

    万次阅读 2017-06-08 15:39:54
    2:两幅大小不同图片合成,且在另一幅上扣除一块区域合成。            A:这里需要注意的就是先从一副图上取出那块区域生成一个小的mat图,                        Mat cutROIMat = ...
  • 很多时候需要把很多图片同时显示到画面中,现在分享两个方法,这里我恰好拿之前写的爬取网上图片保存到本地的爬虫模型爬一些图片作为素材Python 爬虫批量爬取网页图片保存到本地。 得到素材如下所示: 现在让...
  •  关于这灵图来源,我简介一下:画中的女子是东南亚(据说是新西兰)的个年轻貌美的姑娘,当时她正和个画家在热恋之中,画家因为他的画得不到别人的赏识而感到悲观,姑娘就想用自己的爱情来改变画家的悲观心理...
  • 4.6.2 动画制作 1制作逐帧动画 MATLAB提供getframemoviein和movie函数进行动画制作 (1)getframe函数 getframe函数可截取一幅画面信息(称为动画中的一帧)一幅画面信息形成一个很大的列向量显然保存n幅图面就需一个大...
  • 最近流行种双击才能播放的GIF动画。例如下面这两张: 在网页上展示不能达到最佳效果。导入QQ表情后,可以达到让人惊讶的效果。因为用户最先看到的,是带有文字的静态画面。QQ用户双击图片后,GIF动画...
  • 备注:学习备忘 1、使用par(mfrow=c(2,2))即可 >par(mfrow=c(3,3)) > plot(Nile) > plot(Nile) ...lines()语句,你可以为一幅现有图形添加新的图形元 素。
  • Android启动画面的作用

    千次阅读 2015-04-04 21:25:19
    启动应用程序后,进入主功能界面前会有一张图片或段动画效果,停留数秒钟后消失。这张图片或这段动画效果我们称之为应用的启动画面。由于启动画面在每次打开应用时都会出现,并且停留很短的时间,就像闪现的效果...
  • Kevin Fjelsted是个盲人,他曾写了篇文章《A Brief History of the Accessibility of Computers by Blind People》,收录在《Amplifying Your Effectiveness》书中。文中从个盲人的视角描述了几十年来计算机...
  • 医学已经证明,人的眼睛具有“视觉暂留”特性,就是人的眼睛看到一幅画面或一个物体后,在1/24秒内不会消失,利用这一视觉变化效果。因此电影采用了每秒24幅画的速度拍摄播放,电视采用了每秒25幅(PAL制)或30幅...
  • Matlab学习笔记(二)--绘图

    千次阅读 2018-11-24 13:52:02
    getframe函数可截取一幅画面信息(称为动画中的一帧),一幅画面信息形成一个很大的列向量。显然,保存n幅图面就需一个大矩阵。 moviein(n)函数用来建立一个足够大的n列矩阵。该矩阵用来保存n幅画面的数据,以备播放...
  • 一幅画面完成一些特定功能,通过设计可以实现不同画面之间自由跳转。由所有画面组成的集合,就是设计人员开发完成的应用工程文件。画面内容,打开工程后,用户就可以新建或打开画面。每幅画面都可以放置文字(中...
  • 视频剖析-Video Timing

    千次阅读 2017-12-05 16:44:32
    大家应该都知道,视频看起来是持续动态的,但是实际上是由一系列的静态画面,在很短的时间内更替,在人眼上就产生视觉残留,以至于你的...视频源发出的一幅幅的画面,送到屏幕后,屏幕将每一幅画面从上到下逐行的扫描每
  • WINCE启动画面

    千次阅读 2009-05-26 15:34:00
    这段时间在调WINCE的启动画面程序,按着网上说的,先自己制作一幅位图,然后用工具bmp2T.exe转换成数组,把数组拷到/smdk2440/KERNEL/HAL/samsunga_70.c中(我用的是三星2440的板子,7寸的屏)。最后在PB中sysgen,...
  • 晨风Win7开机画面修改工具只要一分钟就可以给你一个全新的开机画面,再也不用每天面对单调枯燥的Win7开机画面了。操作非常简单,只要选定一幅你喜欢的图片,然后点“确定修改”就可以了。
  • 画面产品用于专业音频/视频、安全监控和广播监视等需要多图像显示处理的应用中。  在新的SVS多画面产品中,Cyclone III FPGA实现了色彩空间转换、FIFO、时钟转换,支持所有的显示分辨率。在以前的多画面产品...
  • 交互动画和组件.pptx

    2020-01-25 00:36:04
    11.1.1 学习目标 时区时钟动画播放后4个模拟指针钟在不停地转动可以看出它们指示的时间是不一样的好像宾馆中的不同时区的不同时钟一样另外这些模拟指针钟的颜色也不相同该动画播放后的一幅画面如图11-1-1所示;...
  •  当二台或多台投影机组合投射一幅画面时,会有一部分影象灯泡重叠,边缘融合的主要功能就是把二台投影机重叠部分的灯光亮度逐渐调低,使整幅画面的亮度一致。  现在市场上也有很多拼接方式,如LED拼接墙,电视...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 28,779
精华内容 11,511
关键字:

一幅画面