Download the PHP package ruelluna/canvas-pointer without Composer

On this page you can find all versions of the php package ruelluna/canvas-pointer. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.

FAQ

After the download, you have to make one include require_once('vendor/autoload.php');. After that you have to import the classes with use statements.

Example:
If you use only one package a project is not needed. But if you use more then one package, without a project it is not possible to import the classes with use statements.

In general, it is recommended to use always a project to download your libraries. In an application normally there is more than one library needed.
Some PHP packages are not free to download and because of that hosted in private repositories. In this case some credentials are needed to access such packages. Please use the auth.json textarea to insert credentials, if a package is coming from a private repository. You can look here for more information.

  • Some hosting areas are not accessible by a terminal or SSH. Then it is not possible to use Composer.
  • To use Composer is sometimes complicated. Especially for beginners.
  • Composer needs much resources. Sometimes they are not available on a simple webspace.
  • If you are using private repositories you don't need to share your credentials. You can set up everything on our site and then you provide a simple download link to your team member.
  • Simplify your Composer build process. Use our own command line tool to download the vendor folder as binary. This makes your build process faster and you don't need to expose your credentials for private repositories.
Please rate this library. Is it a good library?

Example code of ruelluna/canvas-pointer

Informations about the package canvas-pointer

A Filament field that allows users to click and point to mark references on an image.

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

I have used it for a client that needs visual reprensentations to where the pains are located in the body. What is your use case? This field will produce a base-64 image and automatically convert it to a file stored in your configured storage disk, returning the URL to the image.

Installation

You can install the package via composer:

Usage

Storage Configuration

By default, the component saves images to the 'public' disk in the 'canvas-pointer' directory. You can customize these settings using the storageDisk() and storageDirectory() methods.

Static Configuration

Dynamic Configuration

Both storage disk and directory can be set dynamically using closures:

This allows you to customize the storage location based on runtime conditions, such as the current user, tenant, or other form data.

Image Creation Process

The Canvas Pointer field handles the image creation process automatically:

  1. Canvas Interaction: When users click on the image, red dots are added to mark specific points.

  2. Base64 Image Generation: After each interaction, the canvas (including the background image and all marked points) is converted to a base64-encoded image using Konva.js's toDataURL() method.

  3. Automatic File Conversion: When the form is submitted, the component:

    • Detects that the field value is a base64 image
    • Removes the base64 prefix (data:image/png;base64,)
    • Decodes the base64 string to binary data
    • Generates a unique filename using UUID
    • Saves the image to the configured storage disk and directory
    • Returns the public URL of the saved file
  4. Database Storage: Only the image URL is stored in your database, not the large base64 string, which prevents database size issues.

Example of the saved image URL:

This process happens automatically - you don't need to write any additional code to handle the conversion from base64 to file URL.

Todos

Changelog

Please see CHANGELOG for more information on what has changed recently.

Contributing

Please see CONTRIBUTING for details.

Security Vulnerabilities

Please review our security policy on how to report security vulnerabilities.

Credits

License

The MIT License (MIT). Please see License File for more information.

All versions of canvas-pointer with dependencies

PHP Build Version
Package Version
Requires php Version ^8.1
filament/filament Version ^3.0
spatie/laravel-package-tools Version ^1.15.0
Composer command for our command line client (download client) This client runs in each environment. You don't need a specific PHP version etc. The first 20 API calls are free. Standard composer command

The package ruelluna/canvas-pointer contains the following files

Loading the files please wait ....