Back to Demos

Cutout Lines Plugin

CE.SDK's cutout plugin enables effortless creation and customization of cutout shapes for web-to-print users.

Platform

About this showcase

The cutout lines plugin allows you to create customized cutout or perforated line shapes on your canvas, perfect for various web-to-print projects.

Highlights

  • Cutout from Selection: Simply select the blocks that you would like to cut out and use the canvas buttons to add cutout lines around the current selection.
  • Shape Options: Choose between square and circular cutout line blocks to match your design preferences.
  • Customization: Adjust the type (cut or perforated) and offset from the base shape in canvas units (e.g., 5 mm) to create unique designs for any project.
  • User-friendly Interface: Easily add, edit, or remove cutout line blocks with just a few clicks.

How to Use the Cutout Line Block Feature

  1. Navigate to the Plugin Package on NPM and follow the installation instructions.
  2. Adjust your CE.SDK configuration to include the Cutout Lines asset library and optionally add a canvas menu entry.
  3. Then, navigate to the dock and select the Cutout Feature. Alternatively, select a block on the canvas and use the “Cutout” button.
  4. Choose your preferred shape (square or circle) and tailor the settings to your liking.
    • Type: Opt for cut or perforated lines, depending on your desired effect.
    • Offset: Specify the distance from the base shape in canvas units (e.g., 5 mm) to achieve the perfect placement.
  5. To make adjustments or remove a cutout line block, simply select it and utilize the corresponding options available in the toolbar.

With the Cutout Line Block feature, you can enhance your web-to-print designs and create unique, eye-catching projects. Discover the limitless possibilities with CE.SDK's graphics editor and bring your vision to life!

Get the Code

Tags