使用openlayers3加载png格式图片

1.官方实例
tiff是图片的一种格式，与png相比，主要有以下区别：

PNG，图像文件存储格式，其目的是试图替代GIF和TIFF文件格式，同时增加一些GIF文件格式所不具备的特性。PNG用来存储灰度图像时，灰度图像的深度可多到16位，存储彩色图像时，彩色图像的深度可多到48位，并且还可存储多到16位的α通道数据。一般应用于JAVA程序中，或网页或S60程序中是因为它压缩比高，生成文件容量小。
TIFF是一种比较灵活的图像格式，可以制作质量非常高的图像。它的全称是Tagged Image File Format，文件扩展名为TIF或TIFF。该格式支持256色、24位真彩色、32位色、48位色等多种色彩位，同时支持RGB、CMYK以及YCbCr等多种色彩模式，支持多平台。
PNG虽然是无压缩的，但是要比tiff格式小，由于tiff格式图片太大，加载不进来，可以转换为其他图片格式，例如PNG格式图片，下面就是加载一个png格式图片的例子：

 // Map views always need a projection.  Here we just want to map image// coordinates directly to map coordinates, so we create a projection that uses// the image extent in pixels.var extent = [0, 0, 1024, 968];//图片图层四至var projection = new ol.proj.Projection({//定义坐标系code: 'xkcd-image',units: 'pixels',extent: extent});var map = new ol.Map({layers: [new ol.layer.Image({source: new ol.source.ImageStatic({url: 'https://imgs.xkcd.com/comics/online_communities.png',//地址projection: projection,imageExtent: extent})})],target: 'map',view: new ol.View({projection: projection,center: ol.extent.getCenter(extent),zoom: 2,maxZoom: 8})});

使用openlayers3加载png格式图片相关推荐

VC下加载多种格式图片的方法总结
From: http://www.cnblogs.com/Daywei/archive/2011/03/19/1988848.html 尽管VC有提供相应的API和类来操作bmp位图.图标和(增强)元 ...
关于qt qpixmap qimage 无法正常加载jpg格式图片问题(坑啊)
近期遇到一个问题是 QPixmap / QImage 无法加载 .jpg / .jpeg 格式的图片 QLabel .showPixmap 无效以下都确认是没有问题的 1.图片路径无问题 2.大部分 ...
【Android Demo】加载.gif格式图片
Android系统为了节省内存,一般不支持直接显示gif图片,即使你强制设置了,也只会显示图片的第一帧. 这个 Demo 是在网上看到的,是个思路,还是有些局限性,还是记录下,以后研究吧. 1.效果图 ...
性能优化——图片压缩、加载和格式选择
本文首发于政采云前端团队博客:性能优化--图片压缩.加载和格式选择 https://www.zoo.team/article/images-compress 前言相信大家都听说过 "258 ...
浅谈性能优化之图片压缩、加载和格式选择
原文链接:浅谈性能优化之图片压缩.加载和格式选择在认识图片优化前,我们先了解下 [二进制位数]与[色彩呈现]的关系. 二进制位数与色彩在计算机中,一般用二进制数来表示像素.在不同的图片格式中,像素 ...
VC中加载GIF格式动态图片的详细方法！
最近老总说要把视图里的图标改成动态的,让其能够更形象的显示状态,所以我就百度了一下,还真没很详细的资料,但最终我还是东凑凑,西凑凑给凑出来了,下面说一下详细步骤吧: 1.下载 PictureEx.h和 ...
python制作图片数据集_Pytorch自己加载单通道图片用作数据集训练的实例
pytorch 在torchvision包里面有很多的的打包好的数据集,例如minist,Imagenet-12,CIFAR10 和CIFAR100.在torchvision的dataset包里面,用 ...
ios wkweb设置图片_ios·WKWebView\UIWebView加载HTMLString,实现图片懒加载
背景: 项目中开发商品类型数据,数据可变性较大,所以商品详情数据存在文案和图片富文本显示,后台返回了html格式的数据供前端展示. 如果用webView直接显示的话,需要等html内容完全展示才能获取 ...
MFC 加载jpg等图片
MFC提供的CWnd只有默认加载BMP文件的接口,对JPG等图像是不支持的,而实际中经常需要用到非BMP的图片,在VC中加载.JPG格式的图片,有两种方法,用流对象加载和用IPicture接口加载. ...

使用openlayers3加载png格式图片

使用openlayers3加载png格式图片相关推荐

最新文章

热门文章