png

在响应式网页设计的革命中，图片看起来是被浪潮落下的一个事物。直到最近，根据不同的屏幕尺寸和像素密度来提供不同的图片还是没有完全实现。 <picture> 元素展示了很多改变这个局面的希望，但无论picture元素是否可以完全使用，现在有两个对于响应式图片很关键的两个属性 —— srcset 和 sizes 。 srcset 属性 srcset 属性允许我们可以提供一系列也许可以被浏览器使用的图片资源。我们提供一个以逗号为分割的图片list，user agent会根据设备特性来决定哪一张图片来显示在网页上。 当listing图片时，我们提供每张图片两个信息 —— 图片文件的_路径_ 图片文件的_宽度_或者_像素密度_ 为了定义_像素密度_，我们添加一个 x 来表示图片的密度数值。举个栗子 —- <img src="one.png" srcset="two.png 2x, three.png 3x, four.png 4x"\> 在图片 src 中定义的默认为图片的 1x 。 在2012年 srcset 属性第一次提出时，我们只能提供不同的像素密度的图片，就像上面例子中显示的。然而，在2014年新添加了 width 属性，它可以使我们根据不同的宽度来提供不同的图片。 为了指定图片的宽度，我们添加一个 w 来表示图片的像素宽度。举个栗子 —- <img src="one.png"

graphviz是贝尔实验室开发的一个开源的工具包，它使用一个特定的DSL(领域特定语言):dot作为脚本语言，然后使用布局引擎来解析此脚本，并完成自动布局。 graphviz中包含了众多的布局器： dot 默认布局方式，主要用于有向图 neato 基于spring-model(又称force-based)算法 基于斥力+张力的布局 twopi 径向布局 circo 圆环布局 osage fdp 用于无向图 sfdp 用于无向图 有向图相关布局 除了 fdp 之外，其他都可以适用于 有向图。 对下面有向图采用不同布局器产生的效果如下： 有向图的定义用关键字digraph定义一个有向图，用“ -> ”表示节点之间的关系 digraph G { main -> parse -> execute; main -> init; main -> cleanup; execute -> make_string; execute -> printf init -> make_string; main -> printf; execute -> compare; } dot 布局 dot 22.gv -Kdot -Tpng -o 22dot.png 由于 Kdot 是默认， 所以可以简化成 dot 22.gv -Tpng -o 22dot.png circo 布局 命令： dot 22.gv

两种Ps切图方法 一． 基础操作： a) Ctrl++ 放大图片，ctrl - -缩小图片 b) 按住空格键space+，点击鼠标左键，拖动图片。 c) 修改单位，点击编辑->首选项-> 单位与标尺，将厘米修改为像素px。 d) 点击视图，选择标尺（ctrl+R），清除默认参考线(ctrl+;)，清除切片(ctrl+,)。 e) 点击编辑->设置快捷键，将常用操作设置为我们熟悉的键。 f) 移动（V），选区（M），切片（C），将v图层转换成智能对象（ctrl+/）. 二． 切图过程： 1、 打开psd图，先浏览整个页面，哪些是能用css实现，哪些是用图片实现的，能用css代码实现的尽量用代码实现； 2、 页面中需要切成图片的，看是背景图还是内容图，背景图保存为png,内容图保存为jpg,页面中不是从后台获取的图片一般为背景图(png)，后台获取的一般为内容图（jpg）； 3、 形状不均匀的背景图片使用图层切图，形状均匀的内容图用切片切图。具体切图方式按实际情况而定，切片切图与图层切图相结合。如果规则图片多的使用切片切图，其他的图片使用图层切图； 4、 使用切片切图保存图片时，图片的格式视情况而定，可以自己为选中切片中的图片设置格式，若需要全部选中为同一种格式，全选中整个页面再选图片的格式。 5、 最后保存时要注意，一定要选中所有用户切片； 6、 命名时注意，（内容图

PNG图像格式介绍： PNG是20世纪90年代中期开始开发的图像文件存储格式，其目的是企图替代GIF和TIFF文件格式，同时增加一些GIF文件格式所不具备的特性。流式 网络图形格式(Portable Network Graphic Format，PNG)名称来源于非官方的“PNG’s Not GIF”，是一种位图文件(bitmap file)存储格式，读成“ping”。PNG用来存储灰度图像时，灰度图像的深度可多到16位，存储彩色图像时，彩色图像的深度可多到48位，并且还可 存储多到16位的α通道数据。 IE6下PNG背景透明的显示问题 PNG格式比起GIF来表现色彩更丰富，特别是表现渐变以及背景透明的渐变要比GIF格式出色很多，目前，最新的浏览器基本上都支持PNG格式。但是IE6不支持PNG背景透明，会显示一个灰色的框。 IE6下PNG背景透明的解决办法 .pngImg { background:url(image.png); _background:url(image.gif);} 注意上文的_号，目前IE7,8以及Firefox浏览器等都不支持此CSS语法，只有IE6识别。因此，其他浏览器会调用PNG，而IE6刚调用GIF。 二.滤镜filter解决IE6下背景灰 background:url(a.png) repeat-x 0 0; _background:none;

png图片有很好的品质，阴影效果也不会有杂边，很流畅。如果插入网页的话可以给网站内容增色不少！更重要的是在不增加图片容量大小的情况下提高了页面的图片的质量。对于有复杂背景，如在有颜色过渡背景上插入不规则边框的图片，带来极大和便利！ 　　但目前IE中对于插入的透明背景的png的图片是不能正常显示的，IE会自动给".png"格式的图片加个灰色背景。解决这个的方法是增加javascript，具体方法有两种： 　　第一种：把下面的代码放在head区就可以解决问题了。 <script language="javascript"> function correctPNG() { for(var i=0; i<document.images.length; i++) { var img = document.images[i] var imgName = img.src.toUpperCase() if (imgName.substring(imgName.length-3, imgName.length) == "PNG") { var imgID = (img.id) ? "id='" + img.id + "' " : "" var imgClass = (img.className) ? "class='" + img.className + "' " : "" var imgTitle

1、 iCloud 苹果邮箱网页版打开（www.icloud.com） 2、 在pages编辑完后，导出word格式。便能继续编辑、修改文档内容，有小部分字体、设计会在导出word格式后发生改变。 &amp;lt;img src="https://pic3.zhimg.com/401a0ecf2c926af654bf50d9c4e8095e_b.png" data-rawwidth="806" data-rawheight="616" class="origin_image zh-lightbox-thumb" width="806" data-original="https://pic3.zhimg.com/401a0ecf2c926af654bf50d9c4e8095e_r.png"&amp;gt; 3、 导出PDF格式，重要文件导出PDF格式。可以保持原文设计、字体等，不能复制、剪切、修改，保证了文档内容完整性。（最近发现导出PDF格式后如果是链接也能打开，例如网站链接/电子邮件） &amp;lt;img src="https://pic4.zhimg.com/75f8436b68c62c580e07bb8987984c47_b.png" data-rawwidth="1196" data-rawheight="844" class="origin_image zh