みんなに優しく、解りやすくをモットーに開設しています。 以下のルールを守りみんなで助け合いましょう。
1.ファイルメーカーで解らない事があればここで質問して下さい。 何方でも、ご質問・ご回答お願いします。 (優しく回答しましょう)
You are not logged in.
フリーのSVGアイコンがネット上にたくさん配布されており、気に入ったアイコンをボタン設定から追加して使用したいのですが、そのままではインスペクタからの色変更ができません。
SVGファイルをファイルメーカーに最適化するツールなどはあるのでしょうか。
Offline
手動で抜くしかなさそうな...。
pathタグの中に style が指定されていると思うのでそれを削除してみましょう。
例
<path style=" stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;" ...
Offline
qb_dpさん、ありがとうございます。
やはりそうですか。ここで質問する前にクラリス社が配布しているIconnectorのアイコンとフリーのアイコンを両方エディタで開いて見比べたりして書き換えもチャレンジしましたが規則性というか文法というかSVGのことは全くわからず、変換ツールも見つからずに質問させていただいた次第です。
最適化したいアイコンの、たぶんpathタグがこちらです。
<path d="M399 384.2C376.9 345.8 335.4 320 288 320H224c-47.4 0-88.9 25.8-111 64.2c35.2 39.2 86.2 63.8 143 63.8s107.8-24.7 143-63.8zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm256 16a72 72 0 1 0 0-144 72 72 0 1 0 0 144z"/>
rgbとかfillとかが見当たりませんので、そもそも色変更できないとかですかね・・。
Offline
どこかに色指定があるとは思いますが...。SVGはそんなに詳しくないので分かりません。
以下で変換してみては。
style がくっついてくるので消さないとアイコンの色が変更でません。
style=" stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;"
Resize many SVG vector images online for free
https://www.iloveimg.com/resize-image/r … ons,pixels
Offline
とりあえず
<path style="fill:rgb(100%,0%,0%)" d="M399 384.2C~~~~~
のようにすれば赤になりますね。(10k.svgで確認)
しかしこれだと固定した色ですよね。
アイコンの色ってテーマで自動的に決まるのでは?インスペクタの塗りつぶしは背景の色ですよね。
qb_dpさん
お教えいただいたサイトでリサイズするとソースコードがすっかり変わってstyleが現れ、削除することができました!
インスペクタから色変更ができてますし、その他ボタン設定からのリサイズも問題なくできてます。
ありがとうございました。
himadaneeさん
バージョンを書き忘れてすみません。こちらで確認できるのはFMP19と2023においてですが、インスペクタのオブジェクトタイプ選択で「ボタン:アイコン」を選ぶとアイコンの色指定ができます。
Offline
[ Generated in 0.005 seconds, 10 queries executed - Memory usage: 530.7 KiB (Peak: 535.6 KiB) ]