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

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

针对 ImageSet，新添加了预览界面：

 

欢迎试用并提供反馈。

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

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

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

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

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

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

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

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

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

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

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

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