摘要:之前月大總管寫的為高分屏提供不同分辨率圖像支持的插件,需求變動,增加了語言支持。
MT-Retina.js
Github: MT-Retina.js
serve high-resolution images to devices with retina displays.
之前月大總管寫的為高分屏提供不同分辨率圖像支持的插件,需求變動,增加了語言支持。
Usage add lib & configset tags
add assets
> tree -L 4 . └── images └── test ├── en │?? ├── retina@1x.png │?? └── retina@2x.png ├── retina@1x.png └── retina@2x.png 3 directories, 4 filesConfig customize
Customize the rules for assets can be found in the retina-config.js .
// define filters Retina.setFilters({ "normal": function (url, base, ratio, lang) { var result, prefix = "", pieces = url.split("/"); // Add language support if (lang) { prefix = lang + "/"; } var _postfix = pieces[pieces.length - 1].split("."); // Concat File Path String pieces[pieces.length - 1] = prefix + _postfix[0] + "@" + ratio.param + "." + _postfix[1]; result = pieces.join("/"); return result; }, "svg": function (url, base, ratio, lang) { return url; } });modifyRetinaImg()
modifyRetinaImg(target,src); Retina.retinaUpdate();About
@Author Max
@Revised Thonatos.Yang
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/86229.html
閱讀 1113·2021-11-19 09:40
閱讀 969·2021-11-12 10:36
閱讀 1259·2021-09-22 16:04
閱讀 3106·2021-09-09 11:39
閱讀 1266·2019-08-30 10:51
閱讀 1882·2019-08-30 10:48
閱讀 1221·2019-08-29 16:30
閱讀 464·2019-08-29 12:37