Problem With Custom SVG Shape - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Problem With Custom SVG Shape

Laurent

Laurent

SP Page Builder 2 months ago

Hi,

When I upload my own SVG shape file I get this https://imgur.com/xp1XXLc or this https://imgur.com/Y5BbiDx Here is SVG used : https://www.swisstransfer.com/d/182a2f63-fc19-4e26-a7a2-990240a2c1f5 Is it normal ?

Thanks L.

0
9 Answers
Laurent
Laurent
Accepted Answer
2 months ago #205737

any news please?

0
Atick Eashrak Shuvo
Atick Eashrak Shuvo
Accepted Answer
Support Agent 1 month ago #205808

Hi,

Apolozy for the inconvenience. Yes, this is normal — the SVG is being rendered as expected.

Best regards

0
Laurent
Laurent
Accepted Answer
1 month ago #205840

Not really. Let me explain.

  • The SVGs that come predefined in the builder display at the correct size and are not clipped.
  • When I replace the predefined SVG with my own custom SVG, it renders noticeably smaller and part of the image is cropped — this happens even after I adjust the builder’s Scale option.

steps I follow

  1. Open the page in SP Builder and insert the same image/SVG element that the builder provides. → Observed: the builder’s predefined SVG displays at the expected size and shows the full graphic (no cropping) : https://prnt.sc/qFtSPWHjyuvL

  2. Using the same element and identical element settings, replace the image with my custom SVG file (attached as custom.svg). → Observed: the custom SVG renders smaller and parts of the graphic are clipped/cut off : https://prnt.sc/dXth5L6KWHOS

  3. I tried changing the builder’s Scale option (increase/decrease) for the custom SVG. That only changes overall size but the SVG remains cropped — scaling does not restore the missing parts : https://prnt.sc/8illpBieEyJC

Expected result : My custom SVG should display at the same size as the builder’s predefined SVG and not have any part clipped.

Current result : The custom SVG appears smaller and is partially clipped/cropped.

0
Laurent
Laurent
Accepted Answer
1 month ago #207359

any news please?

0
Atick Eashrak Shuvo
Atick Eashrak Shuvo
Accepted Answer
Support Agent 1 month ago #207684

The issue is not fixed yet

0
Laurent
Laurent
Accepted Answer
1 month ago #207686

ok but when this issue will be fixed ? we need this feature thanks

0
Laurent
Laurent
Accepted Answer
1 month ago #209120

Hi,

Any news abvout this issue?

We need urgently to integrate our own custpm shapes but does not work.

When this issue will be fixed ?

Reminder : this issue has been opened 1 month ago....

0
Atick Eashrak Shuvo
Atick Eashrak Shuvo
Accepted Answer
Support Agent 2 weeks ago #210304

Hello Laurent,

Sorry for the inconvenience and the delayed response. Could you please share the SVG shape again? Looking forward to your response.

Best regards

0
Laurent
Laurent
Accepted Answer
2 weeks ago #210347

see here to download the image : https://www.swisstransfer.com/d/545b26f0-12de-4ca6-9aa6-6628aa6a28f0 I have added code version below :

<svg xmlns="www.w3.org/2000/svg" width="260" height="260" viewBox="0 0 260 260" fill="none">
  <path d="M129.999 129.999C165.897 129.999 194.999 159.102 194.999 195C194.999 230.898 165.897 259.999 129.999 259.999C94.128 259.999 65.0435 230.943 64.999 195.082C64.9774 212.292 58.1325 228.791 45.9619 240.962C33.772 253.152 17.2391 260 0 260V130.001C17.2391 130.001 33.7721 136.849 45.9619 149.039C58.132 161.209 64.977 177.708 64.999 194.917C65.0437 159.057 94.1281 129.999 129.999 129.999ZM260 260C242.761 260 226.228 253.152 214.038 240.962C201.848 228.772 195 212.239 195 195C195 177.761 201.848 161.229 214.038 149.039C226.228 136.849 242.761 130.001 260 130.001V260ZM0 0C17.2391 3.35655e-06 33.7721 6.84828 45.9619 19.0381C58.1518 31.2279 64.999 47.761 64.999 65C64.9989 82.2388 58.1516 98.7712 45.9619 110.961C33.772 123.151 17.2391 130.001 0 130.001V0ZM260 130.001C242.761 130.001 226.228 123.151 214.038 110.961C201.848 98.7712 194.999 82.2388 194.999 65C194.999 47.761 201.848 31.2279 214.038 19.0381C226.228 6.84828 242.761 3.35655e-06 260 0V130.001ZM129.999 0C165.897 0.000160909 194.999 29.1018 194.999 65C194.999 100.898 165.897 129.999 129.999 129.999C94.1006 129.999 64.9992 100.898 64.999 65C64.999 29.1017 94.1005 0 129.999 0Z" fill="#D9D9D9"/>
</svg>
0