masehitam / filament-signature-pad

适用于 Filamentphp 表单的签名垫字段

dev-main 2023-03-02 03:50 UTC

This package is not auto-updated.

Last update: 2024-09-26 19:27:19 UTC


README

Latest Version on Packagist GitHub Tests Action Status GitHub Code Style Action Status Total Downloads

img.png

使用 szimek/signature_pad (https://github.com/szimek/signature_pad) 开发的 FilamentPHP 表单构建器的签名垫字段

安装

您可以通过 composer 安装此包

composer require savannabits/filament-signature-pad

使用方法

现在您可以在表单构建器中使用 SignaturePad 字段。

    use Savannabits\SignaturePad\Forms\Components\Fields\SignaturePad;
    public static function form(Form $form): Form
    {
        return $form
            ->schema([
                // ... Other fields
                SignaturePad::make('signature'), // Chain your field modifiers here
                // Other fields
            ]);
    }

您还可以设置如下所示的签名垫选项。有关更多详细信息,请参阅 SignaturePad 选项文档

    use Savannabits\SignaturePad\Forms\Components\Fields\SignaturePad;
    public static function form(Form $form): Form
    {
        return $form
            ->schema([
                // ... Other fields
                SignaturePad::make('signature')
                    ->strokeMinWidth(1.0)
                    ->strokeMaxWidth(2.5)
                    ->strokeDotSize(2.0)
                    ->penColor('rgb(0,0,255)') // Blue
                    ->backgroundColor('rgba(0,0,0,0)'), // Black Transparent
                // Other fields
            ]);
    }

img_1.png

保存时,签名图像作为 png 数据 URL 保存到数据库中。目前正在计划支持将签名上传到服务器作为图像 blob 文件。

测试

composer test

变更日志

请参阅 CHANGELOG 了解最近更改的信息。

贡献

有关详细信息,请参阅 CONTRIBUTING

安全漏洞

请查看 我们的安全策略 了解如何报告安全漏洞。

鸣谢

许可

MIT 许可证 (MIT)。请参阅 许可文件 了解更多。