{"id":1002,"date":"2026-08-20T08:53:19","date_gmt":"2026-08-20T08:53:19","guid":{"rendered":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/?post_type=knowledgebase&#038;p=1002"},"modified":"2026-08-20T09:26:48","modified_gmt":"2026-08-20T09:26:48","slug":"advanced-shape-tools","status":"publish","type":"knowledgebase","link":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/db\/shapes-drawing\/advanced-shape-tools\/","title":{"rendered":"Advanced Shape Tools"},"content":{"rendered":"<div style=\"color: #2b2b2b;\">\n<h2 class=\"western\"><span style=\"color: #007670;\">Advanced Shape Tools<\/span><\/h2>\n<h3 class=\"western\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-1006\" src=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/CustomShapePointEditor.webp\" alt=\"Advanced Shape Tools\" width=\"57\" height=\"59\" srcset=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/CustomShapePointEditor.webp 438w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/CustomShapePointEditor-291x300.webp 291w\" sizes=\"auto, (max-width: 57px) 100vw, 57px\" \/><\/h3>\n<p class=\"western\">Beyond standard formatting, Open Publisher includes a set of advanced shape tools that give you precise creative control &#8211; from morphing shapes into entirely custom polygons to professional hollow arrow styles for diagrams and flow layouts.<\/p>\n<h3 class=\"western\"><span style=\"color: #007670;\">Custom Shape Points Editor<br \/>\n<\/span><img loading=\"lazy\" decoding=\"async\" class=\"alignleft wp-image-1018\" src=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/CustomShapePointEditorV2.webp\" alt=\"Custom Shape Points Editor icon\" width=\"60\" height=\"59\" srcset=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/CustomShapePointEditorV2.webp 452w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/CustomShapePointEditorV2-300x292.webp 300w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/CustomShapePointEditorV2-150x150.webp 150w\" sizes=\"auto, (max-width: 60px) 100vw, 60px\" \/><\/h3>\n<p class=\"western\">The Edit Shape Points tool lets you manipulate the individual vertices of any standard shape, morphing it freely into a completely custom polygon.<\/p>\n<p class=\"western\">To edit shape points:<em><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-1021\" src=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot_2026-08-20_100520.png_202608201007.jpeg\" alt=\"Custom Shape Points Editor\" width=\"517\" height=\"289\" srcset=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot_2026-08-20_100520.png_202608201007.jpeg 1372w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot_2026-08-20_100520.png_202608201007-300x168.jpeg 300w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot_2026-08-20_100520.png_202608201007-1024x573.jpeg 1024w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot_2026-08-20_100520.png_202608201007-768x430.jpeg 768w\" sizes=\"auto, (max-width: 517px) 100vw, 517px\" \/><\/em><\/p>\n<ol>\n<li>\n<p align=\"left\"><span style=\"font-size: small;\">Right-click a shape on the canvas.<\/span><\/p>\n<\/li>\n<li>\n<p align=\"left\"><span style=\"font-size: small;\">Select <strong>Edit Points<\/strong> from the context menu.<\/span><\/p>\n<\/li>\n<li>\n<p align=\"left\"><span style=\"font-size: small;\">Draggable control vertices appear at the corners of the shape.<\/span><\/p>\n<\/li>\n<li>\n<p align=\"left\"><span style=\"font-size: small;\">Drag any vertex to reshape the polygon &#8211; the shape updates in real time using CSS <span style=\"font-family: Courier New, monospace;\">clip-path<\/span> for the new boundary.<\/span><\/p>\n<\/li>\n<li>\n<p align=\"left\"><span style=\"font-size: small;\">Click away from the shape to finish editing.<\/span><\/p>\n<\/li>\n<\/ol>\n<p class=\"western\">The editor supports elements that have been 3D rotated or transformed, allowing vertex manipulation even on skewed shapes.<\/p>\n<p class=\"western\"><em>Note: Because browsers discard <span style=\"font-family: Courier New, monospace;\">clip-path<\/span> CSS properties during printing, the moment you finish editing and click away, Open Publisher automatically traces the drawn points onto an HTML5 canvas, exports a transparent PNG, and swaps the DOM element with the baked image. This guarantees 100% print and PDF reliability without any manual intervention.<\/em><\/p>\n<h3 class=\"western\"><span style=\"color: #007670;\">Hollow Arrow Styles<img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-1026\" src=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-20-101028.png\" alt=\"Hollow Arrow Styles\" width=\"260\" height=\"244\" srcset=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-20-101028.png 1010w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-20-101028-300x281.png 300w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-20-101028-768x720.png 768w\" sizes=\"auto, (max-width: 260px) 100vw, 260px\" \/><\/span><\/h3>\n<p class=\"western\">A dedicated <strong>Hollow Arrows<\/strong> section within the Shape dropdown menu provides 9 unique arrowed line combinations using three distinct terminator styles:<\/p>\n<ul>\n<li>\n<p align=\"left\"><span style=\"font-size: small;\"><strong>Standard Hollow Points &#8211;<\/strong> Classic arrows with clean, transparent hollow arrowheads.<\/span><\/p>\n<\/li>\n<li>\n<p align=\"left\"><span style=\"font-size: small;\"><strong>Flat Stops &#8211;<\/strong> Lines terminating in a perpendicular T-bar blocking line.<\/span><\/p>\n<\/li>\n<li>\n<p align=\"left\"><span style=\"font-size: small;\"><strong>Hollow Diamonds &#8211;<\/strong> Elegant geometric diamond heads with transparent interiors.<\/span><\/p>\n<\/li>\n<\/ul>\n<p class=\"western\">All hollow arrows use modern SVG <span style=\"font-family: Courier New, monospace;\">context-stroke<\/span> mechanics, meaning their arrowheads automatically and perfectly adapt to match whatever stroke colour you apply to the line &#8211; no manual recolouring required.<\/p>\n<h3 class=\"western\"><span style=\"color: #007670;\">Flexible Shape Resizing<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignleft wp-image-1028\" src=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/FlexShapeResize.webp\" alt=\"Flexible Shape Resizing\" width=\"73\" height=\"74\" srcset=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/FlexShapeResize.webp 460w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/FlexShapeResize-296x300.webp 296w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/FlexShapeResize-150x150.webp 150w\" sizes=\"auto, (max-width: 73px) 100vw, 73px\" \/><\/span><\/h3>\n<p class=\"western\">Shapes in Open Publisher dynamically stretch to fill their bounding boxes independently in both directions. Dragging any handle adjusts width or height freely, giving you complete control over proportions &#8211; whether you need a wide horizontal banner, a tall narrow column, or any non-square layout.<\/p>\n<p class=\"western\">For proportional resizing, hold <strong>Shift<\/strong> while dragging a corner handle to lock the aspect ratio, or hold <strong>Ctrl \/ Cmd + Shift<\/strong> to scale proportionally from the centre point.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Advanced Shape Tools Beyond standard formatting, Open Publisher includes a set of advanced shape tools that give you precise creative control &#8211; from morphing shapes into entirely custom polygons to professional hollow arrow styles for diagrams and flow layouts. Custom Shape Points Editor The Edit Shape Points tool lets you manipulate the individual vertices of [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1039,"comment_status":"open","ping_status":"open","template":"","knowledgebase_cat":[14],"class_list":["post-1002","knowledgebase","type-knowledgebase","status-publish","has-post-thumbnail","hentry","knowledgebase_cat-shapes-drawing"],"_links":{"self":[{"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase\/1002","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase"}],"about":[{"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/types\/knowledgebase"}],"author":[{"embeddable":true,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/comments?post=1002"}],"version-history":[{"count":28,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase\/1002\/revisions"}],"predecessor-version":[{"id":1037,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase\/1002\/revisions\/1037"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/media\/1039"}],"wp:attachment":[{"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/media?parent=1002"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase_cat?post=1002"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}