新添加“目标类型”选项:

  • 默认是“图标”:iOS 即 appiconset;Android 即正常的图标(支持透明背景);均为正方形
  • 新添加“通用图片”支持:
    • iOS 将生成 imageset(原图 / @2x / @3x,支持透明背景);
    • Android 将生成宽度按照 3:4:6:8:12:16 的比例排列的 l/m/h/xh/xxh/xxxh 序列。上传的图片将作为最大尺寸,其他尺寸按比例等比缩小;
    • 如需其他尺寸,可以使用自定义大小。
  • 当位置选项是“保持长方形”时,只有“通用图片”(即 ImageSet)可用。

针对 ImageSet,新添加了预览界面:

 

欢迎试用并提供反馈。

以前长方形的图片会被强制拉伸成正方形,现已支持设置截取的位置和缩放方式。比如下面的图片:

默认使用“居中填充”选项,即截取中间的部分:

“居中包含”选项即把整个图片缩放后显示在图标正中间,其他部分使用背景颜色填充(可以打开“更多参数”设置背景色),比如:

其他可用的缩放选项包括:

  • 拉伸成正方形:图片将被拉伸变形
  • 保持长方形:仅支持自定义大小(打开“更多参数”中设置)。选择的 iOS 或 Android 等平台将被忽略。

“包含”和“填充”选项还支持顶部、底部、左侧、右侧等不同的位置。

假定元素的宽度可变,它的高度会自动适应 (比如其 widthheight 可以保持固定的宽高比).

  • 在伪元素 :before 上设置 padding-top 可以使元素的高度与宽度成一定的比例。比如设置成 100% 意味着高度始终是宽度的 100% ,也就是一个自适应的正方形。
  • 这种方法也确保了内容可以正常地保持在元素内部。

继续阅读 30秒学会 CSS 片段 – 固定宽高比

绑定对象的函数里的 this 到对象本身。

使用 Array.prototype.forEach() 来遍历对象里所有指定的函数,使用 Function.prototype.apply() 来指定函数中 this 的上下文为对象本身,再覆盖原先的函数。

继续阅读 30秒学会 JavaScript 片段 – bindAll