png

IE6下PNG背景透明或者图片透明一直让人很伤脑筋，以前的解决办法也不尽完好。最近在项目中，发现了一种几乎完美的解决办法。用JS在IE6下面实现png图和背景PNG透明。 不敢独享，写下这篇文章，也好为自己以后查阅，利人利己啊。 并且，可以解决a:hover 背景png的问题。下面开始，三步即可搞定IE6下PNG透明问题。 第一步：下载JS文件DD_belatedPNG_0.0.8a.js 下载地址： http://dillerdesign.com/experiment/DD_belatedPNG/DD_belatedPNG_0.0.8a.js 或： http://dillerdesign.com/experiment/DD_belatedPNG/DD_belatedPNG_0.0.8a-min.js 第二步：引用JS文件 /* EXAMPLE */ DD_belatedPNG.fix('.enter,.enter a,.enter a:hover'); /* string argument can be any CSS selector */ /* .png_bg example is unnecessary */ /* change it to what suits you! */ PS:灰色文字部分【'.enter,.enter a,.enter a:hover'】

研究pgm转png比较消耗内存的问题 2020.01.14 通过Java的ImageIO生成png与jpg图片，5000*5000的pgm需要消耗300M内存以上 2020.01.15 通过jconsole， mat等工具，定位问题是由于在内存中生成整个png所有需要的数据，导致的问题 2020.01.16 研究方向为根据png的实际文件结构，自己写代码生成png图片，基于昨天的研究：png支持灰度图 使用jdk12测试： 将5000*5000的pgm转换为png消耗12M左右 将10000*10000的pgm转换为png消耗14M左右 由于需要运行java类库，实际使用估计在2M左右 如果连续转换，由于java的垃圾回收机制，可能会由于一些垃圾导致内存占用变大 可以通过设置垃圾回收解决 代码实现说明 通过调试ImageIO生成BufferedImage.TYPE_BYTE_GRAY的PNG图片的代码，研究生成PNG的过程 只保留必须的png文件结构：magic、IHDR、IDAT、IEND 具体实现，拷贝了com.sun.imageio.plugins.png的实现 执行pgm转png java -jar pgm-to-png.jar pgm=5000-5000.pgm 参数说明： pgm: 源pgm文件地址，若只有文件名，则为运行时目录 png: 转换后的png文件地址，若为空

译者：前端小智 作者：Ayo Isaiah 来源：https://www.freecodecamp.org/ 个人专栏 ES6 深入浅出已上线，深入ES6 ，通过案例学习掌握 ES6 中新特性一些使用技巧及原理，持续更新中，←点击可订阅。 点赞再看，养成习惯 本文 GitHub https://github.com/qq44924588... 上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参照考点复习，希望我们一起有点东西。 为了保证的可读性，本文采用意译而非直译。 图像是web上提供的最基本的内容类型之一。他们说一张图片胜过千言万语。但是如果你不小心的话，图片大小有时高达几十兆。 因此，虽然网络图像需要清晰明快，但它们尺寸可以缩小压缩的，使用加载时间保持在可接受的水平。 在我的网站上，我注意到我的主页的页面大小 超过了 1.1MB ，图片占了约88%，我还注意到我提供的图像比它们需要的大(在分辨率方面)，显然，还有很多改进的空间。 我开始阅读 Addy Osmani 的优秀 Essential Image Optimization电子书，并开始在我的网站上按照他们的建议做了一些图片的优化。，然后再对响应式图像进行了一些研究并应用了它。 这使得页面大小减少到 445kb ，约 62% ! 什么是图像压缩?

首先是查看GD库有没有被正确的安装和加载.通过gd_info()可以看，或者phpinfo。在phpinfo中可以看到gd一栏，然后版本如果是 bundled (2.0.34 compatible) 的话，是从php4.3之后开始绑定的。如果没有的话，可以用命令安装一个: sudo apt-get install php5-gd.或者为了安装完整版本的,在源列表中添加两行： deb http://packages.dotdeb.org stable all deb-src http://packages.dotdeb.org stable all 然后升级下：sudo apt-get update. 再安装php5-gd. 网上有说，安装完成后php.ini会更新，但是我的并没有。搜到gd.so在/usr/lib/php5/20060613+lfs /下,php.ini在/etc/php5/apach2下.于是手动修改php.ini。在其中修改extension_dir=”/usr/lib /php5/20060613+lfs/”,再添加一行extension=gd.so.之后重启apach2: sudo /etc/init.d/apach2 restart。 这些完成后可以写个测试的小程序。我使用的是php手册上的例子.文件名为pic.php。 123456789 <?php

转：https://blog.csdn.net/woniuye/article/details/89218461 图像基本数据结构 要讲图片格式还先得从图像的基本数据结构说起。在计算机中, 图像是由一个个像素点组成，像素点就是颜色点，而颜色最简单的方式就是用RGB或RGBA表示, 如图所示 (图1) (图2) 如果有A通道就表明这个图像可以有透明效果。 R,G,B每个分量一般是用一个字节(8位)来表示，所以图(1)中每个像素大小就是3*8=24位图, 而图(2)中每个像素大小是4*8=32位。 这里有三点需要说明: 一、图像y方向正立或倒立 图像是二维数据，数据在内存中只能一维存储，二维转一维有不同的对应方式。比较常见的只有两种方式: 按像素“行排列”从上往下或者从下往上。 如图所示的图像有9个像素点，如果从上往下排列成一维数据是(123456789)， 如果是从下往上排列则为(789456123)。 只所以会有这种区别是因为，前一种是以计算机图形学的屏幕坐标系为参考(右上为原点,y轴向下 )，而另后一种是以标准的数学坐标系为参考(右下为原点,y轴向上)。这两个坐标系只是y值不一样，互相转换的公式为: y2 = height-1-y1 y1,y2分别为像素在两个坐标系中的y坐标，height为图像的高度。 不过好像只有bmp图片格式以及windows下的GDI，GDI

用node.js 渲染 Three.js。 首先,安装依赖: package.json { ... "devDependencies" : { "pngjs" : "^3.4.0" , "three" : "^0.112.1" , "three-software-renderer" : "https://github.com/lanceschi/three-software-renderer.git#feature/projector-update" } , ... } 代码: const THREE = require ( "three" ) ; const SoftwareRenderer = require ( "three-software-renderer" ) ; const PNG = require ( "pngjs" ) . PNG ; const fs = require ( "fs" ) ; // Build scene with cube const width = 1024 ; const height = 768 ; const camera = new THREE . PerspectiveCamera ( 75 , width / height , 1 , 1000 ) ; camera . position . z = 10 ; const

五.让“块”透明的方法 .div { FILTER: alpha(opacity= 20 ); moz-opacity: 0.2 ; opacity: 0.2 ;} 测试IE6,IE7,IE8,FF2,FF3均通过。提示：IE6,IE7需设置一个宽度(100%也行)，否则看不到效果。 六.DD_belatedPNG,解决IE6不支持PNG绝佳方案 整个互联网上解决这个IE6的透明PNG的方案也是多不胜数,从使用IE特有的滤镜或是e xpression,再到javascript+透明GIF替代.但是这些方法都有一个缺点,就是不支持CSS中backgrond-position与 background-repeat. 而我今天介绍DD_belatedPNG,只需要一个理由,就是它支持backgrond-position与background-repeat.这是其他js插件不具备的.同时DD_belatedPNG还支持a:hover属性,以及<img>. 看Demo: http://www.ediyang.com/demo/DD_Png/ 原理 这个js插件使用了微软的VML语言进行绘制,而其他多数解决PNG问题的js插件用的是AlphaImageLoader滤镜. 使用方法 1.在这里下载DD_belatedPNG.js文件. http://dillerdesign.com