SVGには編集できる形、普通の画像、または両方を入れられます。全体しか動かせない場合、まずグループを選んでいないか確認します。
編集ソフトで調べる
- コピーをFigma・Inkscape・Illustratorで開く。
- レイヤーやオブジェクトのパネルでグループを展開する。
- 中の形の色を変え、輪郭の点を動かしてから元に戻す。
- 別の部分も調べる。画像と形が混在する場合があります。
選択枠が一つでも、単なる画像とは限りません。グループにも一つの枠が出ます。文字が輪郭になっている場合、文章を打ち替えるにはテキストを作り直します。
必要ならコードも確認
テキストエディターでコピーを開き、<imageを検索します。hrefが画像を参照したりデータを含んだりするのは、ベクター化とは別です。path・circle・rect・polygonは形を表しますが、一つ見つけただけでは全体がベクターとは言えません。
封筒の色を変えてみる
犬のSVGを開き、グループ内の赤い部分を選んで色を変更し、元に戻します。折り目や青い形の編集点も確認しましょう。拡大だけより確実です。
画像だけなら元のベクターデータを依頼するか、鮮明な原画像を変換します。ImageSVGは画像を埋め込まず形にしますが、写っている文字を編集可能なテキストにはしません。
図形と画像が混在するファイルを試す
教材用の SVG をダウンロードし、編集ソフトで開いてグループを展開してください。左の三角形は点を編集できますが、右は PNG 画像です。左の色を変えてから、右も試しましょう。どちらも鮮明に見えますが、ベクター図形は左だけです。これは説明用に作ったファイルで、ImageSVG の変換結果ではありません。
