@23g/cdn-helper 中文文档教程

发布于 3年前 浏览 26 项目主页 更新于 3年前

@23g/cdn-helper

build_status

CDN helper

Installation

首先在你的项目中安装包。

npm install @23g/cdn-helper

yarn install @23g/cdn-helper

安装后确保在您的环境中使用 CDNIMAGEURL 或 MIX CDNIMAGE_URL(与 laravel 混合项目)设置为 CDN 的 url。

Usage

在我们的项目中,您可以使用接受 3 个参数的 cdn() 辅助函数:

import cdn from 'cdn-helper';

/**
 * {String} path
 * {String} dimensions | (width)x(height), w(width), h(height)
 * {String} mode | crop is default, can be left empty
 **/
cdn('/yoda.jpeg', '200x200', 'crop');

Resize options

“尺寸”参数中传递的可能调整大小选项如下:

ValueAction
(width)x(height)Resize an image using both dimensions
h(height)To scale an image based on height
w(width)To scale an image based on width

@23g/cdn-helper

build_status

CDN helper

Installation

First install the package in your project.

npm install @23g/cdn-helper

or

yarn install @23g/cdn-helper

After installing make sure in your environment CDNIMAGEURL or MIXCDNIMAGE_URL (with laravel mix projects) is set with the url to the CDN.

Usage

Within our project you can use the cdn() helper function which accepts 3 parameters:

import cdn from 'cdn-helper';

/**
 * {String} path
 * {String} dimensions | (width)x(height), w(width), h(height)
 * {String} mode | crop is default, can be left empty
 **/
cdn('/yoda.jpeg', '200x200', 'crop');

Resize options

The possibel resize options passed along in the "dimensions" param are as following:

ValueAction
(width)x(height)Resize an image using both dimensions
h(height)To scale an image based on height
w(width)To scale an image based on width
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文