Bengkel Vector Prototype Ver.

Vector construction and SVG pattern workshop. Created by

Local Engine

Click or Drag & Drop to Import SVG

One filled closed shape only: path, rect, circle, ellipse, or polygon. Processing stays on this device.

Shape Type
Unknown
Fill Color (HEX)
#000000
Stroke Color (HEX)
None
Stroke Width
0px
Canvas Setup & Customizer:
px
px
Minimum 600 px · Maximum 2160 px · Whole numbers only
Primitive Detection
Detection Stroke
5px
Detected primitives always use transparent fill.
SVG Optimizer
Centroid Detection
5px
Both guides share one transparent-fill stroke style and one SVG group.
Original SVG Before
Original Nodes 0 1 px white outline
Reverse Shape Builder Output After

Run detection to reconstruct the native geometric framework.

Output Nodes 0 | 0 (+0 ori). 1 px white outline
Generated Lines 0 Circles 0 Ellipses 0 Rects 0 Polygons 0 Total 0

Detection report

—
Lines0
Circles0
Ellipses0
Rects0
Polygons0
Mismatch—
Detected primitives
View detection details

    SVG Pattern Generator HD

    Generate high-precision vector repeating patterns with real-time fill & stroke attributes modification.

    Upload Pattern File (SVG Vector)

    No SVG file selected

    Supported Formats: SVG Only (.svg) • Single Unified Vector Shape (Group Wrapper Allowed)

    Edit SVG Fill & Stroke Properties
    100%

    Multiplies the final opacity of both fill and stroke. Example: 50% Fill × 50% General = 25% effective fill opacity.

    If checked, applies full color overlay silhouette. Uncheck to retain original imported fill colors.

    Override Fill Opacity100%
    Applies only when Override Fill is checked (0% - 100%).

    Edits the color of existing imported strokes only.

    0px

    Available when the imported SVG contains a visible stroke. The maximum value follows the imported stroke width.

    Canvas Resolution EditorMax Limit Width & Height: 2160px
    16:9
    Base Canvas Image (Overlay Base)

    Select image as canvas background (auto resizes if > 2160px on longest side).

    Scale Size15%
    Min: 5% - Max: 100% of canvas
    Horizontal Items5 items
    Number of repeated items distributed from left to right across the canvas.
    Vertical Items5 items
    Number of repeated rows distributed from top to bottom. Brick + Seamless automatically uses an even row count.
    Rotation Angle0°
    SVG Transparency Settings
    Pattern Opacity100%
    Adjust vector opacity (0% - 100%)
    Native SVG DOM Preview (Transparent Base)
    Zoom:100%
    Native SVG DOM rendering
    1280 × 720 px
    Export SVG Pattern: