オンライン

ギャラリー

ブログ


	資料


	サポート


	詳細情報


	インデックス \| 最近のスレッド \| List Attachments \|

ようこそ Guest | 登録 | ログイン

ログイン名パスワード

Sweet Home 3D フォーラム

Sweet Home 3D

カテゴリ: Help

フォーラム: Features use and tips

スレッド: Wall pattern disappears in SVG when embedded in website

No member browsing this thread

スレッドの状態: Active
このスレッドの投稿数: 14

[ ]

投稿者

このトピックの表示は 2306 回で 13 通の返信があります。

flip3
Newbie

Switzerland
登録日: 2024/05/06
Post Count: 10
状態: オフライン


Re: Wall pattern disappears in SVG when embedded in website

What I can tell you is that the svg file on your lagerraum web page does not contain the necessary embedded image data (base64 encoded) for the hatching pattern. When you export from SH3D it encodes the pattern as a single large encoded image. This is missing in the server delivered file.

Now, I got it. This pattern is actually not a vector graphic but a rasterized image which blows up the file size. When I enlarge my vector file, the pattern becomes blurry. Well, that's of course not so good. Therefore, you cannot compress the SVG file itself but I would need to save the file as PNG as you suggested.

[2024/05/09 18:30:19]

[リンク]

sjb007
Advanced Member

登録日: 2021/05/18
Post Count: 257
状態: オフライン


Re: Wall pattern disappears in SVG when embedded in website

An alternative is to open your SVG file in Inkscape. Select the hashing image object(s) and delete it. Now select the wall outline, and use the Inkscape "pattern" fill feature on the actual wall outline. The outline and the fill are separate objects which makes this possible. You can select a pattern, rotate it and scale it, and I managed to get something pretty close to the hashing you used using one of the builtin options by doing this.

The Inkscape patterns are purely vector based, and will give you small file sizes.

[2024/05/09 19:55:23]

[リンク]

Daniels118
Advanced Member

Italy
登録日: 2021/11/17
Post Count: 484
状態: オフライン


Re: Wall pattern disappears in SVG when embedded in website

Have you tried the SVG tuner plugin? It will compress the embedded images to get a smaller svg file. Compression is lossless, so won't be any blurred image.
----------------------------------------
[編集 1 回, 最終編集者: Daniels118 日時: 2024/05/09 22:05:28]

[2024/05/09 22:04:45]

[リンク]

flip3
Newbie

Switzerland
登録日: 2024/05/06
Post Count: 10
状態: オフライン


Re: Wall pattern disappears in SVG when embedded in website

@sjb007: I think that this is a good and easy solution since I need also other edits such as changing the font colors. I will try this since my CMS strips out base64-encoded images from the SVG.
@Daniels118: I installed the plugin and it changes the file size a lot. In my case the file size of the SVG went down from more than 1 MB to about 50KB ;-)

Thanks a lot for your suggestions.

[2024/05/10 5:47:39]

[リンク]

[ ]

Current timezone is GMT
2025/12/16 9:21:17


© 著作権 2024 Space Mushrooms - がすべて保有します