//最小矩形(非透明最小区域) public static function getMinRect(target:BitmapData):Rectangle{   return target.getColorBoundsRect(0xffffffff,0x00000000,false);  } //去除多余透明区域  public static function removeTransparentRect(target:BitmapData,minRect:Rectangle):BitmapDa…
背景 为什么要制作这么一款工具 首先公司最近在做一款表情包的产品,需要将文字生成到gif图片中,并可以控制文字显示的位置,并将不同的文字显示在不同的图片上 制作成网页端工具,随时随地,方便使用 探索 首先需要将GIF图片分帧,通过查找发现了这个库buzzfeed/libgif-js 要将生成的文字,可以任意编辑放到图片上,发现了这个库fabric.js 要预览或者下载生成新的GIF图片,用到了这个库yahoo/gifshot 分析 主要实现思路是 将gif动图经过gif库解析成gif实例 遍历获…
在head标记中添加html,body{height:100%;}即可. 实例如下 <head><style>html,body{height:90%;}</style></head> 注意: html{height:100%}的高度是相对浏览器高度来说的. 如果因为背景图片或其他原因,100%还是会有一些空白区域,可以向下适当调节,比如改为90%.…
BUG 图片元素img下 高度超出 出现多余空白 1.将图片转换为块级对象 即,设置img为“display:block;”.   2.设置图片的垂直对齐方式 即设置图片的vertical-align属性为“top,text-top,bottom,text-bottom”也可以解决.   3.设置父对象的文字大小为0px 即,在代码中添加一行:“font-size:0;”可以解决问题.但这也引发了新的问题,在父对象中的文字都无法显示.就算文字部分被子对象括起来,设置子对象文字大小依然可以显示,但…
在进行页面的DIV+CSS排版时,遇到IE6(当然有时Firefox下也会偶遇)浏览器中的图片元素img下出现多余空白的问题绝对是常见的对於 该问题的解决方法也是「见机行事」,根据原因的不同要用不同的解决方法,这里把解决直接把解决image图片布局下边的多余空隙的BUG的常用方法归纳, 供大家参考.1.将图片转换为块级对像即,设置img为:display:block;在本例中添加一组CSS代码:#sub img {display:block;}2.设置图片的垂直对齐方式即设置图片的vertica…
在进行页面的 DIV+CSS排版时,遇到IE6(当然有时Firefox下也会偶遇)浏览器中的图片元素img下出现多余空白的问题绝对是常见的对于该问题的解决方法 也是“见机行事”,根据原因的不同要用不同的解决方法,这里把解决直接把解决image图片布局下边的多余空隙的BUG的常用方法归纳,供大家参考.方法 整理来源于万福的网络. 1.将图片转换为块级对象 即,设置img为: display:block; 在本例中添加一组CSS代码: #sub img {display:block;} 2.设置图片…
1.将图片转换为块级对象     即,设置img为“display:block;”.在本例中添加一组CSS代码:“#sub img {display:block;}”. 2.设置图片的垂直对齐方式     即设置图片的vertical-align属性为“top,text-top,bottom,text-bottom”也可以解决.如本例中增加一组CSS代码:“#sub img {vertical-align:top;}”. 3.设置父对象的文字大小为0px     即,在#sub中添加一行:“fo…
今天需要做图片上传与生成缩略图的功能,把代码进行记录如下: html 视图              ($pic_action_url = $this->createAbsoluteUrl('home/upload');) <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title></title> <script type="tex…
在进行页面的DIV CSS排版时,遇到IE6(当然有时Firefox下也会偶遇)浏览器中的图片元素img下出现多余空白的问题绝对是常见的 对于该问题的解决方法也是“见机行事”. 1.将图片转换为块级对象 即,设置img为“display:block;”.在本例中添加一组CSS代码:“#sub img {display:block;}”. 2.设置图片的垂直对齐方式 即设置图片的vertical-align属性为“top,text-top,bottom,text-bottom”也可以解决.如本例中…
常见重构技巧 - 去除多余的if else 最为常见的是代码中使用很多的if/else,或者switch/case:如何重构呢?方法特别多,本文带你学习其中的技巧. 常见重构技巧 - 去除多余的if else 出现if/else和switch/case的场景 重构思路 方式一 - 工厂类 方式二 - 枚举 方法三 - 命令模式 方法四 - 规则引擎 方法五 - 策略模式 一些反思 参考文章 出现if/else和switch/case的场景 通常业务代码会包含这样的逻辑:每种条件下会有不同的处理逻…