README

这是基于 isobar-nz/silverstripe-image-points 的分支。

图像点是一个模块，允许你在图像上添加“点”，这些点可以通过坐标 x 和 y 进行定位。

屏幕截图

安装

通过 composer 安装

$ composer require littlegiant/silverstripe-image-points

使用方法

模型

将点包含在模型中。

use LittleGiant\SilverStripeImagePoints\DataObjects\Point;

默认情况下，图像点将使用模型的 Image，这是一个模型所需的必需关系。这是为了能够将点添加到某个对象...

private static $has_one = [
    'Image' => Image::class
];

private static $has_many = [
    'ImagePoints' => Point::class . '.PointOf'
];

private static $owns = [
    'Image'
];

只需使用网格字段添加/编辑点。

$fields->addFieldsToTab('Root.ImagePoints', [
    new GridField('ImagePoints', 'Image Points', $this->ImagePoints(), $myGridfieldConfig),
]);

YAML

在 yml 配置中设置图像的高度/宽度，以设置图像的宽高比。

LittleGiant\SilverStripeImagePoints\DataObjects\Point:
  image_width: 1918
  image_height: 822

模板

在模板中的使用。

<ol>
  <% loop $ImagePoints %>
    <li style="top: {$YPos}%; left: {$XPos}%;">
      <h4>{$Title}</h4>
      <p>{$Content}</p>
    </li>
  <% end_loop %>
</ol>

许可证

MIT 许可证 (MIT)

特此授予任何获得本软件及其相关文档副本（“软件”）的个人免费使用软件的权利，包括但不限于使用、复制、修改、合并、发布、分发、再许可和/或销售软件副本，并允许向提供软件的个人提供此类许可，前提是遵守以下条件

goldfinch / silverstripe-image-points

维护者

详细信息

README

屏幕截图

安装

使用方法

模型

YAML

模板

许可证