README

A Signature Pad Field for the FilamentPHP Form Builder using szimek/signature_pad

安装

您可以通过 composer 安装此包

composer require skuzalabs/filament-signature-pad

用法

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

    use Skuzalabs\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 Skuzalabs\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
            ]);
    }

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

测试

composer test

致谢

Sam Maosa

许可协议

MIT 许可协议 (MIT)。请参阅许可文件了解更多信息。

skuzalabs / filament-signature-pad

维护者

详细信息

README

安装

用法

测试

致谢

许可协议