README

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)

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

littlegiant / silverstripe-image-points

维护者

详细信息

README

截图

安装

使用

模型

YAML

模板

许可证