Weave Code
Weaver
Helps Laravel developers discover, compare, and choose open-source packages. See popularity, security, maintainers, and scores at a glance to make better decisions.
Feedback
Share your thoughts, report bugs, or suggest improvements.
Subject
Message
Nova Canvas

Nova Canvas Laravel Package

jacobfitzp/nova-canvas

Nova Canvas adds an HTML5 drawing canvas to Laravel Nova forms, letting users sketch, sign, or create images directly in the admin panel and save the result to your model. It offers a simple Nova field API for quick setup and customization, ideal for signatures, annotations, or quick sketches.

View on GitHub
Deep Wiki
Context7

A Laravel Nova field.

Frequently asked questions about Nova Canvas
How do I install jacobfitzp/nova-canvas in a Laravel Nova project?
Install it with Composer using composer require jacobfitzp/nova-canvas, then add the field to a Nova resource. Because it is a Nova field package, you need an existing Laravel application with Nova installed and configured. After installation, follow the repository README for any required publishing or asset build steps.
Which Laravel and Nova versions does nova-canvas support?
The package is built as a Laravel Nova field, so compatibility depends on the Nova version your application uses. Exact Laravel and Nova constraints are defined in the package composer.json and may change between releases. Check the repository and release notes before upgrading Nova to avoid field incompatibilities.
How do I save a canvas drawing to a model with nova-canvas?
You add the Nova Canvas field to the fields method of your Nova resource and point it at the model attribute that should receive the image. When the form is submitted, Nova passes the canvas result through the normal field update flow so it can be persisted with the model. Review the README for the expected attribute type and any storage or casting requirements.
Can I use nova-canvas for signatures in Laravel Nova?
Yes, signature capture is one of the main use cases described for Nova Canvas. Users can sign directly in the Nova admin panel with a mouse, stylus, or touch input, depending on their device. The resulting image can then be saved to the model like any other Nova field value.
How do I customize the Nova Canvas field options?
Nova Canvas exposes a simple Nova field API for setup and customization. In most cases you chain configuration methods on the field instance inside your resource fields method. The available options and method names should be confirmed in the package README and source code for your installed version.
Can nova-canvas annotate or draw over an existing image?
Nova Canvas provides an HTML5 drawing canvas for sketching, signing, and creating images inside Nova forms. Drawing over a preloaded image or building a full annotation workflow may require custom field configuration or additional frontend work. Check the package documentation for any supported background image or initial canvas options.
How do I validate a canvas image field in Laravel Nova?
Because Nova Canvas is a Nova field, you can apply standard Nova validation rules such as required or nullable on the field. Validation runs with the rest of the Nova form submission. If you need image-specific rules, confirm how the field serializes its value before adding rules like image or mimes.
Is nova-canvas suitable for production Laravel applications?
It is a focused Nova field package for capturing canvas images, so suitability depends on your maintenance and security requirements. Review the repository activity, open issues, and release history before adopting it in production. Also test the save and retrieval flow in a staging environment with your Laravel and Nova versions.
How can I test a Laravel Nova resource that uses nova-canvas?
Test the surrounding resource and model behavior using your normal Laravel testing setup, including submitting the Nova field value and asserting the model attribute is stored correctly. Nova itself has testing utilities, but package-specific canvas rendering usually does not need browser-level tests unless you customize the frontend. Keep the canvas payload format consistent with what the field expects.
What are alternatives to jacobfitzp/nova-canvas for drawing fields in Nova?
Alternatives include other Laravel Nova signature or drawing field packages and custom Nova fields built around a JavaScript canvas library. Compare them by Nova version support, maintenance activity, storage format, and whether they support signatures, sketches, or annotations. Nova Canvas is a lightweight option when you only need a simple HTML5 canvas field.
Weaver

How can I help you explore Laravel packages today?

Conversation history is not saved when not logged in.
Prompt
Add packages to context
No packages found.
dbravoan/dbcms-admin-theme-dbcms
dbravoan/dbcms-theme-db-cyber
dbravoan/dbcms-blocks-basic
dbravoan/dbcms-module-content-audit
dbravoan/dbcms-module-ai-assistant
paygate-to/paygate-php
padosoft/askmydocs-connector-base
defstudio/supercharged-carbon
bernskioldmedia/laravel-matomo
bernskioldmedia/laravel-harvest
bernskiold/laravel-data-scrubber
bernskiold/laravel-currency-converter
bernskiold/laravel-campaign-monitor
bernskioldmedia/laravel-autotranslate
siberfx/telegram-bot
roy-sandip/laravel-view-extended
gregsphotography/site-builder-core
roy-sandip/laravel-view
anodyne/blade-fluentui-icons
webx-ui/module-catalog-collections