リンクをクリップボードにコピー
コピー完了
「スクリーン用に書き出し」からアートボードを SVG として書き出した際に、id / class の命名に ` (0x60) が使われてしまいます。見たところ z が使われていないので、code point 基準で 1 つ前にずれているようです。(本来 0x61-0x7A であるべきところ、0x60-0x79 になっている)
これにより、a, b, ... , y, a`, aa, ... , ay, b`, ba, ... のように命名され、本来使用できない文字が使われている a` や b` のスタイルを参照できなくなっています。(なぜか ` 単体の id / class は生成されていませんでした。)
「手作業で id と class を修正する」以外の解決方法がありましたらご教示いただきたいです。
リンクをクリップボードにコピー
コピー完了
書出時のSVG設定にて、内部CSSを選択・縮小のチェックボックスを外して試すとどうでしょう?
また、別名で保存→SVGとするのも有効かもしれません。
リンクをクリップボードにコピー
コピー完了
頂いた情報を元に再度検証したところ、「縮小 を選択」または「オブジェクトID を 最小 に設定する」のどちらかを満たすことで発現するようです。
ひとまず別の設定で書き出し、外部の minfier を使用することにします。ありがとうございます。
リンクをクリップボードにコピー
コピー完了
リンクをクリップボードにコピー
コピー完了
私の環境でも発生したので、Ten Aさんが報告されたUserVoiceへ投票してきました。
[問題が発生した時のチェック環境]
macOS 11.6.1
Illustrator 26.2.1
Windows 10Pro 21H2
Illustrator 26.2.1
ひとつ前のバージョン(25.4.1)では、この問題が発生していないようです。
[問題が発生していない時のチェック環境]
macOS 11.6.1
Illustrator 25.4.1
現行バージョンと前のバージョンは、両方インストールしておいても共存できるので、SVG書き出しの時だけ前のバージョンを使って急場をしのぐのも手かもしれませんね。
.