精华内容
下载资源
问答
  • iOS 图片查看器

    2015-03-23 15:45:22
    仿微信,QQ微信查看, 功能完善, 封装后方便以后使用. 博客地址:http://blog.csdn.net/a313074989?viewmode=contents
  • 图片查看器

    2017-11-28 11:15:43
    实用viewpager+photoview实现图片左右滑动,缩放,自动恢复原图,拖拽,点击事件,长按事件等操作;
  • C#实现Windows中图片查看器的功能

    热门讨论 2015-06-24 17:04:25
    该示例演示了如何使用C#来实现一个图片查看器的功能.该示例包含的功能有: 可以通过“上一张” “下一张”这样的按钮来轮换浏览图片 实现对图片的旋转 实现对旋转后图片的保存功能。
  • 分享网友做的效果很好的winform图片查看器,主要包含拖拽移动缩放,我也是找了很久才找到的。
  • 仿windows图片查看器源码

    热门讨论 2013-04-25 05:47:22
    这是用c#编写的一个仿window图片查看器的程序源码,实现window图片查看器基本功能可供参考
  • 三款jQuery图片查看器插件 模拟QQ图片查看器
  • Android图片查看器

    热门讨论 2012-11-09 11:36:51
    类似于Android系统自带的图片浏览器,可实现翻页动画,多点缩放等
  • jq图片查看器

    千次阅读 2019-08-05 16:40:01
    先看效果图 修改内容 ...3.下载图片代码 //下载 $download.on("click", function(){ var imgUrl = $image.attr("src"); if(!imgUrl){ alert("下载图片错误!"); return ...

    点击图片放大查看,插件jquery-photo-gallery

    先看效果图

    在这里插入图片描述

    修改内容

    修改:
    1.gallery.html 路径
    2.gallery iframe显示大小
    3. 需要将demo放在服务器,否则关闭按钮报错:Blocked a frame with origin "null" from accessing a cross-origin frame.,搭建服务器可以参考:nginx搭建
    3.下载图片代码

    //下载
      	 	$download.on("click", function(){
    			var imgUrl = $image.attr("src");
    			if(!imgUrl){
    				alert("下载图片错误!");
    				return
    			};
    			var imgName = imgUrl.split('/img/');
    			console.log(imgName[1])	
    			downloadIamge(imgUrl,'imgName')
    		});
    		// 需要和图片在图一服务器,否测报跨域问题
    		function downloadIamge(imgsrc, name) {//下载图片地址和图片名
    			var image = new Image();
    			// 解决跨域 Canvas 污染问题
    			image.setAttribute("crossOrigin", "anonymous");
    			image.onload = function() {
    			  var canvas = document.createElement("canvas");
    			  canvas.width = image.width;
    			  canvas.height = image.height;
    			  var context = canvas.getContext("2d");
    			  context.drawImage(image, 0, 0, image.width, image.height);
    			  var url = canvas.toDataURL("image/png"); //得到图片的base64编码数据
    			  var a = document.createElement("a"); // 生成一个a元素
    			  var event = new MouseEvent("click"); // 创建一个单击事件
    			  a.download = name || "photo"; // 设置图片名称
    			  a.href = url; // 将生成的URL设置为a.href属性
    			  a.dispatchEvent(event); // 触发a的单击事件
    			};
    			image.src = imgsrc;
    		};
    
    4. 点击放大图片添加class,如下
    <div class="gallerys"><img onclick="$.openPhotoGallery(this)" class="gallery-pic" src="./1.png" ></div>
    

    完整 demo 下载
    链接:https://pan.baidu.com/s/1n0p7dbk2uUcIht_l1vOCPw
    提取码:x6gl

    展开全文
  • 图片查看器 Viewer.js

    千次阅读 2019-10-15 10:05:53
    Viewer.js 是一款强大的图片查看器,提供了纯 JS 版本和 jQuery 版本,具有以下特点: 支持移动设备触摸事件 支持响应式 支持放大、缩小 支持旋转(类似微博的图片旋转) 支持水平、垂直翻转 支持图片移动 ...
    • 插件简介

    Viewer.js 是一款强大的图片查看器,提供了纯 JS 版本和 jQuery 版本,具有以下特点:

    1. 支持移动设备触摸事件
    2. 支持响应式
    3. 支持放大、缩小
    4. 支持旋转(类似微博的图片旋转)
    5. 支持水平、垂直翻转
    6. 支持图片移动
    7. 支持键盘
    8. 支持全屏幻灯片模式(可做屏保)
    9. 支持缩略图
    10. 支持标题显示
    11. 支持多种自定义事件

    官网地址:http://fengyuanchen.github.io/viewerjs/

    详细说明:http://www.dowebok.com/192.html

    • 使用步骤

    1、下载并引入资源文件

    GitHub 下载(JS 版本):https://github.com/fengyuanchen/viewerjs

    GitHub 下载(jQuery 版本):https://github.com/fengyuanchen/viewer

    注意:JS 版本和 jQuery 版本名字虽然一样,但代码不一样,不能通用,请正确下载需要的版本。

    JS 版本引入:

    <link rel="stylesheet" href="css/viewer.min.css"/>
    <script src="js/viewer.min.js"></script>

     jQuery 版本引入:

    <link rel="stylesheet" href="css/viewer.min.css"/>
    <script src="js/jquery.min.js"></script>
    <script src="js/viewer.min.js"></script>

    2、Html 页面代码

    <ul id="dowebok">
      <li><img src="img/small01.jpg" alt="图片1"></li>
      <li><img src="img/small02.jpg" alt="图片2"></li>
      <li><img src="img/small03.jpg" alt="图片3"></li>
    </ul>

    3、JavaScript 代码

    JS 版本: 

    //new Viewer(element[,options])
    var viewer = new Viewer(document.getElementById('dowebok'));

    jQuery 版本:

    //$().viewer([options])
    $('#dowebok').viewer();
    • options 参数配置

    名称

    类型

    默认值

    说明

    backdrop

    Boolean

    String

    true

    启用 modal,为 false 的时候不支持点击背景关闭

    button

    Boolean

    true

    是否显示右上角的关闭按钮

    navbar

    Boolean

    Number

    true

    是否显示底部导航栏

    0 或 false:不显示

    1 或 true:显示

    2:当屏幕宽度大于 768px 时显示

    3:当屏幕宽度大于 992px 时显示

    4:当屏幕宽度大于 1200px 时显示

    title

    Boolean

    Number

    Function

    Array

    true

    是否显示标题内容,默认显示 alt 属性内容和尺寸

    0 或 false:不显示

    1 或 true 或 function 或 array:显示

    2:当屏幕宽度大于 768px 时显示

    3:当屏幕宽度大于 992px 时显示

    4:当屏幕宽度大于 1200px 时显示

    function:在函数体内返回标题内容

    array:第一个参数表示可见性(0-4),第二个参数表示标题内容

    toolbar

    Boolean

    Number

    Object

    true

    工具栏是否显示和布局

    0 或 false:不显示

    1 或 true:显示

    2:当屏幕宽度大于 768px 时显示

    3:当屏幕宽度大于 992px 时显示

    4:当屏幕宽度大于 1200px 时显示

    object:请看下面 Object 类型详解

    className

    String

    ''

    添加到查看器的要元素的自定义类名

    container

    Element

    String

    'body'

    将查看器置于 modal 模式的容器

    只有在 inline 为 false 时才可以使用

    filter

    Function

    null

    过滤图像以便查看(图像是可见的,应返回 true)

    fullscreen

    Boolean

    true

    播放时是否全屏

    initialViewIndex

    Number

    0

    定义用于查看的图像的初始索引

    inline

    Boolean

    false

    是否启用 inline 模式

    interval

    Number

    5000

    播放间隔,单位为毫秒

    keyboard

    Boolean

    true

    是否启用键盘支持

    loading

    Boolean

    true

    加载图片时是否显示 loading 图标

    loop

    Boolean

    true

    是否可以循环查看图片

    minWidth

    Number

    200

    定义图片查看器的最小的宽度

    minHeight

    Number

    100

    定义图片查看器的最小的高度

    movable

    Boolean

    true

    是否可以拖动图片

    zoomable

    Boolean

    true

    是否可以缩放图片

    rotatable

    Boolean

    true

    是否可以旋转图片

    scalable

    Boolean

    true

    是否可以翻转图片

    toggleOnDblclick

    Boolean

    true

    当你放大或缩小图片时,是否可以双击还原

    tooltip

    Boolean

    true

    放大或缩小时,是否显示百分比的文字提示

    transition

    Boolean

    true

    是否使用 CSS3 过度

    zIndex

    Number

    2015

    在 modal 模式下定义查看器的 z-index 值

    zIndexInline

    Number

    0

    在 inline 模式下定义查看器的 z-index 值

    zoomRatio

    Number

    0.1

    鼠标滚动时的缩放比例

    minZoomRatio

    Number

    0.01

    最小缩放比例

    maxZoomRatio

    Number

    100

    最大缩放比例

    url

    String

    Function

    'src'

    原始图像 URL

    字符串:应该是图像元素的属性之一

    函数:应该返回一个有效的图像 URL

    ready

    Function

    null

    当打开图片查看器时被触发,只会触发一次

    show

    Function

    null

    当打开图片查看器时被触发,每次都触发

    shown

    Function

    null

    当打开图片查看器完成时被触发,每次都会触发,在 show 之后

    hide

    Function

    null

    当关闭图片查看器时被触发,每次都会触发

    hidden

    Function

    null

    当关闭图片查看器完成时被触发,每次都会触发,在 hide 之后

    view

    Function

    null

    当显示图片时被触发,每次都会触发,在 shown 之后

    viewed

    Function

    null

    当显示图片完成时被触发,每次都会触发,在 view 之后

    zoom

    Function

    null

    当图片缩放时被触发

    zoomed

    Function

    null

    当图片缩放完成时被触发,在 zoom 之后

    • toolbar Object 类型详解

    { key: Number|Boolean }:显示或隐藏对应 key 的按钮,为 Number 的时候为可见性

    { key: String }:自定义按钮的大小

    { key: Function }:自定义按钮点击的处理

    { key: { show: Boolean|Number, size: String, click: Function } }:自定义按钮的每个属性

    size 的取值范围:small、medium、default、large

    key 值列表说明:

    key 值名称

    说明

    zoomIn

    放大图片的按钮

    zoomOut

    缩小图片的按钮

    reset

    重置图片大小的按钮

    prev

    查看上一张图片的按钮

    next

    查看下一张图片的按钮

    play

    播放图片的按钮

    rotateLeft

    向左旋转图片的按钮

    rotateRight

    向右旋转图片的按钮

    flipHorizontal

    图片左右翻转的按钮

    flipVertical

    图片上下翻转的按钮

    •  浏览器兼容

    Chrome

    Edge

    Firefox

    IE 8+

    Opera

    Safari

    注意:JS 版本兼容 IE9+,jQuery 版本兼容 IE8+

    • 预览效果

    展开全文
  • tkinter图片查看器

    千次阅读 2020-06-13 17:32:57
    #PTL包需要pip安装,这个包才能让python加载jpg等其它各式图片 root = Tk() root.title(" '.' ") my_img1 = ImageTk.PhotoImage(Image.open("1.jpg")) my_img2 = ImageTk.PhotoImage(Image.open("2.jpg")) my_img...
    from tkinter import *
    from PIL import ImageTk,Image
     #PTL包需要pip安装,这个包才能让python加载jpg等其它各式图片
    
    root = Tk()
    root.title(" '.' ")
    
    my_img1 = ImageTk.PhotoImage(Image.open("1.jpg"))
    my_img2 = ImageTk.PhotoImage(Image.open("2.jpg"))
    my_img3 = ImageTk.PhotoImage(Image.open("3.jpg"))
    my_img4 = ImageTk.PhotoImage(Image.open("4.jpg"))
    #Image.open(fp, mode)函数,mode参数可以不填
    
    image_list=[my_img1, my_img2, my_img3, my_img4]
    
    my_label = Label(root,image=my_img1)
    my_label.grid(row=0, column=0, columnspan=3)
    
    num_label = Label(root,text="1 of 4",bd=3,relief="sunken",anchor=E)
    #anchor属性,很容易误放到grid()里,但也可以放到pack()里
    num_label.grid(row=2,column=0,columnspan=3,sticky="we")
    #sticky的可设为“we”或WE,两者都能让label左右撑满窗口
    
    def forward(img_num):
    	global my_label
    	global b_forward
    	global b_back
    	#设置成global才能从函数内访问外部的变量
    	my_label["image"]=image_list[img_num-1]
    	b_forward["command"]=lambda:forward(img_num+1)
    	b_back["command"]=lambda:back(img_num-1)
    	#用lambda能让按钮属性改变,并能传递变量
    	if img_num == 4:
    		b_forward["state"]="disabled"
    	elif img_num == 1:
    		b_back["state"]="disabled"
    	else:
    		b_back["state"]="normal"
    		b_forward["state"]="normal"
    	
    	num_label["text"] = str(img_num)+" of "+str(len(image_list))	
    
    
    
    def back(img_num):
    	global my_label
    	global b_forward
    	global b_back
    
    	my_label["image"]=image_list[img_num-1]
    	b_forward["command"]=lambda:forward(img_num+1)
    	b_back["command"]=lambda:back(img_num-1)
    
    	if img_num == 4:
    		b_forward["state"]="disabled"
    	elif img_num == 1:
    		b_back["state"]="disabled"
    	else:
    		b_back["state"]="normal"
    		b_forward["state"]="normal"
    
    	num_label["text"] = str(img_num)+" of "+str(len(image_list))	
    
    
    b_back = Button(root,text="<<",command=back)
    b_forward = Button(root,text=">>",command=lambda: forward(2))
    #一开始显示第一张图片所以为2
    b_exit = Button(root,text="EXIT",command=root.quit)
    
    b_back.grid(column=0,row=1)
    b_forward.grid(column=2,row=1)
    b_exit.grid(column=1,row=1)
    
    
    
    root.mainloop()
    

    这个“图片查看器”是从油管搬运过来的。有三个按钮,分别负责“切换下一张图”,“上一张图”,“退出程序”。并在窗口最底层有显示“1 of 4”的序号字样。图片的加载方式有些原始。

    展开全文
  • MFC仿QQ图片查看器,窗体透明效果,支持鼠标滚轮缩放和图片平移等,工具栏按钮可以响应
  • c++打开图片查看器并查看图片

    千次阅读 2019-04-10 22:38:59
    #include <shellapi.h> …… ::ShellExecute(NULL,L"open",_T("rundll32.exe"),_T("shimgvw.dll,ImageView_Fullscreen ...这将打开Windows默认照片查看器中的图片。 在picture.bmp的地方,填写需要传递完...

    c++打开图片查看器并查看图片

    在软件的编写过程中,遇到OpenCV读图崩溃的情况。可能是图片有点大,但是imwrite后图片查看器能打开图片,所以利用ShellExecute调用图片查看器来打开图片,算是提供一个思路。

    #include <shellapi.h>
    ……
    	::ShellExecute(NULL,
    	L"open",
    	_T("rundll32.exe"),
    	_T("shimgvw.dll,ImageView_Fullscreen picture.bmp"),
    	NULL,
    	SW_SHOWNORMAL); 
    

    注意

    这将打开Windows默认照片查看器中的图片。 在picture.bmp的地方,填写需要传递完整路径的图片/图片,例如D:\picture.bmp。一定要填绝对路径,相对路径不能识别,亲自试过

    展开全文
  • 我们首先要导入资源文件,主要是图片资源,用来做图片查看器的背景,主要是美化作用,图片按你自己意愿选择,如下: 界面文件imagedialog.ui如下: 我们可以看到街面上有四个按钮,一个显示区显示图片,同时...
  • 图片查看器源码C#

    热门讨论 2012-07-17 08:30:02
    C#图片查看器的源代码,超简单的图片查看器,演示如何把图片显示在C#的窗体中,并使用滚动条控件。开发工具:Visual Studio2008
  • ImageView(仿QQ图片查看器)

    热门讨论 2013-05-26 16:31:56
    使用方法: 1、直接把图像文件拖到图标上显示 2、通过命令行方式,示例:ImageView.exe "带全路径的图像文件名称" 3、打开ImageView.exe,将图像文件拖到窗口上显示
  • viewer图片查看器

    千次阅读 2018-01-18 15:49:46
    Viewer.js 是一款强大的图片查看器,像门户网站一般都会有各自的图片查看器,如果您正需要一款强大的图片查看器,也许 Viewer.js 是一个很好的选择。集成使用非常简单,Viewer.js 有以下特点:支持移动设备触摸事件...
  • 如果不是因为系统自带的图片查看器没有你想要的功能,或者你想要更棒的体验,你大概不会想切换到其它图片查看器吧。-- Ankush Das致谢译自 | itsfoss.com...
  • java实现图片查看器

    千次阅读 2019-03-28 20:02:41
    实现的功能是查看,左右切换,放大缩小。 import java.awt.*; import java.awt.event.*; import java.awt.image.BufferedImage; import java.io.*; import javax.imageio.ImageIO; import javax.swing.ImageIcon...
  • 图片处理的参考文章:https://blog.csdn.net/qq_36511401/category_9467762.html 一、介绍 1、Swing。 Swing是一个用于开发Java应用程序用户界面的开发工具包。以抽象窗口工具包(AWT)为基础使跨平台应用程序...
  • Windows图片查看器是系统内置的图片查看工具。可能因为未知原因或人为失误,我们把桌面右键的Windows图片查看器弄丢了。 在或者刚装的Windows10系统上面看不到图片查看器。该怎么找回图片查看器呢?下面介绍下图片...
  • Qt项目实战2:图片查看器QImageViewer

    万次阅读 多人点赞 2016-12-07 18:22:37
    这里,使用一个简单的图片查看器项目,来熟悉一下Qt的图片显示和基本操作。 该项目实现的主要功能: 实现图片的打开、关闭、居中显示; 实现图片上一张/下一张切换; 实现图片的放大、缩小操作 实现图片的左旋、右...
  • 刚学到JavaSwing图片绘制,于是自己做了个简易的图片查看器小程序,在这里分享给大家,请多多指教。 话不多说先上部分图: 绘制图片需要自定义一个控件,我们这里写一个继承自JPanel的类,重写paintComponent...
  • win10 的问题,  现在默认的照片查看方式是...下面给大家讲一下怎么改回原来的照片查看器,告别这个垃圾app   win+R 输入 regedit    打开注册表   依次打开   计算机\HKEY_LOCAL_MACHINE\SOFT...
  • 电脑的Windows图片查看器找不到怎么办在打开图片的时候默认是 画图,我们想要用windows图片器打开,但是更多应用里面没有这一选项,1、那么按下Windows徽标键+R键,打开运行命令窗口,输入“regedit”命令。...
  • 【layui】图片查看器

    千次阅读 2019-11-18 17:59:09
    '#layer-photos-demo' ,anim: 5 //0-6的选择,指定弹出图片动画类型,默认随机(请注意,3.0之前的版本用shift参数) }); } $(".layer-photos-demo").click(function(){ var imgArry = []; var id = $(this).attr('...
  • PhotoViewer 项目地址:wanglu1209/PhotoViewer  ...简介:一个仿微信朋友圈的图片查看器,使用超级简单! 更多:作者 提 Bug  标签:     该图片查看器是模仿微信朋友圈查看图片编写  ...
  • Viewer.js Javascript/jQuery图片查看器

    万次阅读 2016-07-04 22:36:24
    Viewer.js 是一款强大的图片查看器,像门户网站一般都会有各自的图片查看器,如果您正需要一款强大的图片查看器,也许 Viewer.js 是一个很好的选择。Viewer.js 有以下特点: 支持移动设备触摸事件支持响应式支持...
  • C# 写的图片查看器,实现了图片的放大缩小旋转,等功能,是用来练手的必备参考代码
  • Vue 中使用图片查看器 v-viewer

    万次阅读 2019-10-15 10:28:34
    基于 viewer.js 插件,用于 Vue 的图像查看器组件 官网地址:https://mirari.cc/v-viewer/ 下载安装 通过 npm 安装: npm install v-viewer GitHub 下载地址:https://github.com/mirari/v-viewer UMD ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 322,113
精华内容 128,845
关键字:

图片查看器

友情链接: qq聊天数据分析.zip