博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
GIF/PNG/JPG和WEBP/base64/apng图片优点和缺点整理(转)
阅读量:7040 次
发布时间:2019-06-28

本文共 557 字,大约阅读时间需要 1 分钟。

 

如何获取图片对应的base64字符串呢?

    1:使用代码获取:

运行下面代码

var reader = new FileReader(), htmlImage;reader.onload = function(e) {    htmlImage = '';    // 这里e.target.result就是base64编码 } reader.readAsDataURL(file);

 

    2:在webkit内核浏览器有个挺方便的技巧, 你打开发者工具, 选中图片, 那么右侧就会出现对应图片的base64 ,你把这个字符串复制一下,在字符串前面加上data:images/gif;base64,然后直接复制到浏览器的地址栏, 打开就会显示这副图片;

  base64图片的DEMO:

运行下面代码

  
无标题文档

  

  APNG

  这东西是mozilla搞出来的, 它是24位的,而且也是动图,可以容纳1680万种颜色,也是为了取代GIF,但是....也就火狐支持,IE10和chrome,safari全部不行, 如果说gif图片是卡片机的话, APNG就是单反, ;

 

 

转载于:https://www.cnblogs.com/softidea/p/4625982.html

你可能感兴趣的文章
C?Go?Cgo![翻译]
查看>>
jenkins war包方式,修改JENKINS_HOME
查看>>
eclipse mqtt paho client 处理shared topic, 共享主题问题
查看>>
eclipse 初始化
查看>>
Python程序结构与控制流
查看>>
详述Google针对Android平板App发布的十大开发准则
查看>>
CentOS 7安装python3笔记
查看>>
水壶问题(向水壶中倒z升水) Water and Jug Problem
查看>>
第十章 Scala 容器基础(五):确定集合类型(范型)
查看>>
mysql 多表联合更新
查看>>
树莓派中文支持
查看>>
C# 如何去掉DataTable中的重复行
查看>>
UserInterfaceState.xcuserstate unlocked
查看>>
pom.xml报错的解决办法
查看>>
CMD获取当前目录的绝对路径
查看>>
YII AR的一些常见的操作
查看>>
23种设计模式(3):抽象工厂模式
查看>>
数据匹配关联
查看>>
Java 集合
查看>>
Android系统Recovery工作原理之使用update.zip升级过程分析(五)---u...
查看>>