README

简单的资产助手，用于获取资产（图像、图片、样式表、脚本）元素或URL。图像和图片可以选择动态调整大小和/或裁剪。

需求

"crobays/asset": "dev-master"

用法

php artisan config:publish crobays/asset 在您的Lavavel项目中创建一个配置文件：app/packages/crobays/asset/config.php

图像

Asset::img('my-image.png', ['w' => 400])

抓取 images/my-image.png 以适应400px宽度，将其保存到 img/my-image___w400.png（也会为高DPI显示器创建@2x版本，您需要包含retina.js以使用此功能）并返回

<img width="400" src="//assets.example.com/img/my-image___w400.png" 
	data-src2x="//assets.example.com/img/my-image___w400-@2x.png">

通过提供宽度和高度来调整图像大小和裁剪

Asset::img('my-image.png', ['w' => 250, 'h' => 250])

抓取 images/my-image.png 以适应250px宽度和250px高度，将其保存到 img/my-image___w250-h250.png 并返回

<img width="250" height="250" src="//assets.example.com/img/my-image___w250-h250.png" 
	data-src2x="//assets.example.com/img/my-image___w250-h250-@2x.png">

提供大小（在 app/packages/crobays/asset/config.php 中定义的大小）

Asset::img('my-image.png', ['s' => 'xlarge'])

制作图像并返回

<img width="960" src="//assets.example.com/img/my-image___w960.png" 
	data-src2x="//assets.example.com/img/my-image___w960-@2x.png">

提供特殊100%大小（在 app/packages/crobays/asset/config.php 中定义）

Asset::img('my-image.png', ['s' => '100%'])

制作图像并返回

<img width="100%" src="//assets.example.com/img/my-image___w800.png" 
	data-src2x="//assets.example.com/img/my-image___w800-@2x.png">

允许您添加自定义HTML属性

Asset::img('my-image.png', ['w' => 300, 'class' => 'image'])

制作图像并返回

<img width="250" class="image" src="//assets.example.com/img/my-image___w300.png" 
	data-src2x="//assets.example.com/img/my-image___w300-@2x.png">

图片

Asset::pic('picture.jpg', ['w' => 1440])

抓取 pictures/picture.jpg 以适应1440px宽度，将其保存到 pictures/picture___w1440.jpg（也会为高DPI显示器创建@2x版本，您需要包含retina.js以使用此功能）并返回

<img width="1440" src="//assets.example.com/pic/picture___w1440.jpg" 
	data-src2x="//assets.example.com/pic/picture___w1440-@2x.jpg">

（继承上面找到的所有图像功能）

CSS

（在 app/packages/crobays/asset/config.php 中定义的默认样式表）

Asset::css()
Asset::css('another-style.css')

返回

<link type="text/css" href="//assets.example.com/style.css" rel="stylesheet">
<link type="text/css" href="//assets.example.com/another-style.css" rel="stylesheet">

JavaScript

（在 app/packages/crobays/asset/config.php 中定义的默认脚本）

Asset::js()
Asset::js('another-script.js')

返回

<script type="text/javascript" src="//assets.example.com/script.js"></script>
<script type="text/javascript" src="//assets.example.com/another-script.js"></script>

待办事项

• phpspec 测试
• codeception 测试
• 注释块文档