【学习OpenSeadragon之一（一个显示多层图片的开源JS库）】的更多相关文章

学习OpenSeadragon之一（一个显示多层图片的开源JS库）

OpenSeadragon是一个可以显示多层图片(可放大缩小)的Web库,基于JavaScript,支持桌面和手机. 由于我项目需要,却没有找到任何中文教程,因此在官网上一边学习,一边总结于此. 官网是http://openseadragon.github.io/ ,在官网首页可以看到Demo,一个可以将图片放大缩小拖动的视图框. 以下是第一个例子: 1.库文件下载 首先进入官网,点击右上角的下载图标下载ZIP或者TAR格式的库文件压缩包,解压到工程文件夹中. 在工程中我们只需要用到opense…

GitBook是一个命令行工具（Node.js库），我们可以借用该工具使用Github/Git和Markdown来制作精美的图书，但它并不是一本关于Git的教程哟。

GitBook是一个命令行工具(Node.js库),我们可以借用该工具使用Github/Git和Markdown来制作精美的图书,但它并不是一本关于Git的教程哟. 支持输出多种格式 GitBook支持输出多种文档格式,如: 静态站点:GitBook默认输出该种格式,生成的静态站点可直接托管搭载Github Pages服务上: PDF:需要安装gitbook-pdf依赖: eBook:需要安装ebook-convert: 单HTML网页:支持将内容输出为单页的HTML,不过一般用在将电子书格式转…

Android学习小Demo一个显示行线的自定义EditText

今天在处理一个EditText的时候,想着把EditText做成像一本作业本上的纸一样,每一行都可以由线条隔开,具体效果如下: 1)最开始的思路 一开始的想法是很简单的,找出每一行的高度,然后一行一行地画线不就好了吗,代码如下: viewHeight = getMeasuredHeight(); viewWidth = getMeasuredWidth(); lineHeight = getLineHeight(); int maxLines = viewHeight / lineHeight…

python学习--抓取一个网页上图片

#!/bin/python # download_pic.py # download picture import os import sys from urllib.request import urlopen url = sys.argv[1] page = urlopen(url) #需要指定编码格式 html = str(page.read(),encoding='utf8') page.close() #create directory if os.path.exists("./pic…

jquery学习心得：一个很好的css和js函数调用的例子

统一目录下的资源结构图: <html><head> <link rel="stylesheet" href="gallery.css" type="text/css" media="screen" charset="utf-8"/><script type="text/javascript" src="script.js"&g…

CognitiveJ一个Java的人脸图像识别开源分析库

CognitiveJ 是一个开源的,支持 Java 8 API 的库,用于管理和编排 Java 应用和微软的Cognitive(Project Oxford)机器学习和图像处理库的项目,可以让你查询以及分析图像.一:人脸识别    1.人脸检测– 捕获脸部.性别.年龄等相关脸部特征以及图像的标志    2.表情检测 – 根据图像中的脸部信息推断出表情状态    3.验证 – 验证同一个人的两张不同表情的差异    4.识别 – 根据已知的人里识别出某个人    5.查找相似 -- 对人脸检测.分…

学习OpenSeadragon之五(工具条toolbar与自定义按钮)

OpenSeadragon简介:学习OpenSeadragon之一(一个显示多层图片的开源JS库) 一.工具条toolbar设置 OpenSeadragon为我们提供了现成的工具条toolBar,工具条上有按钮,可以默认实现放大.缩小.全屏.返回默认大小等功能, toolBar默认出现在View里的左上角,我们也可以通过设置,让toolbar在View之外的地方显示: 我们只需要在HTML中创建一个div,并且在创建OpenSeadragon时设置toolbar的值为div的id即可. ...…

学习OpenSeadragon之三 (覆盖层Overlayer的使用)

Overlayer(覆盖层)是一个很重要的机制,它可以在可缩放图片上显示额外的信息. 1.简单应用 以下是我做出的一个小例子: 看这小老鼠头部的红色框内的部分就是一个分离出来的overlay. 介绍一下overlays:这是一个对象数组,定义了显示框viewer中固定的overlays层.overlays层通过这个选项来添加,之后这个块就从OpenSeadragon中去除了. 既然是数组,当然我们就可以定义很多个overlay. 下面结合这个Demo的核心代码来讲解: var openSeadr…

android高仿微信UI点击头像显示大图片效果

用过微信的朋友朋友都见过微信中点击对方头像显示会加载大图,先贴两张图片说明下: 这种UI效果对用户的体验不错,今天突然有了灵感,试着去实现,结果就出来了.. 下面说说我的思路: 1.点击图片时跳转到另一个activity,然后显示加载的效果,即progressbar 2.显示图片的之前先弹出自定义dialog,然后模拟加载一段时间后,显示整张大图片,要全屏显示,并且有类似微信中左上角滑出的动画效果 下面说说我的实现过程: 1.新建一个布局文件main.xml,其中只是放一个图片,布局 其中的an…

一个很酷炫也挺实用的JS库leader-line

简单粗暴,直入主题,看看效果再说. 是不是这效果挺棒?这样的效果在做系统时,可以有很多的应用,可以让枯燥的页面生动起来. 具体效果,大家可以上这个搜索网站Mag[i]上面看,切身体会一下. 这是一个开源JS库,具体参见:leader-line 详细用法也很简单,可以直接参看其帮助文档,这个帮助文档写得相当不错,国内的开源贡献者应该好好学习,再好的东西,如果没有一个简洁.人性化的帮助文档,会让很多人打退堂鼓的. 我们来看看其帮助文档: leader-line帮助文档 ,不要一说帮助文档,就觉得头大…