2016-09-27 43 views
-2

有沒有辦法使用retina.js v2.0作爲AMD模塊require.js如何在require.js中使用retina.js?

我試圖做這樣的:

main.js文件:

paths: { 
    retina: 'path/to/retina' 
} 
shim: { 
    retina : { 
    exports: "retina" 
    } 
} 

requirejs(['retina']); 

HTML文件 - 與源低分辨率圖像定期圖像標籤。 Retina.js通過require.js加載,但圖像未交換爲@ 2x圖像。 此解決方案不起作用。

嘗試2 - 嘗試沒有墊片 - 它不起作用。

嘗試3 - 添加data-rjs="path/to/[email protected]"圖像標籤 - 它不工作

難道我做錯了什麼?

+0

您是否嘗試過使用retina.js作爲AMD模塊?你是否試過它作爲墊片?你怎麼試着用require.js來使用它?你得到什麼錯誤? – zero298

+0

我已經更新了一個問題。 –

回答

0

一些挖後,我找到了答案

墊片必須這樣定義的:

shim: { 
    "retina" : { 
    exports: "retinajs" 
    } 
} 

當你需要這個腳本,你必須做這種方式:

requirejs(['retina'], function(retina) { 
    retina();   
}); 

This works only對圖像有data-rjs屬性定義。

<img src="image.png" data-rjs="[email protected]" />