SVG

[Inkscape] ロゴをSVGで作り直した

[Inkscape] ロゴをSVGで作り直した

InkscapeというベクターグラフィックソフトウェアでSVG形式のロゴを制作する方法を解説します。図形ツールやテキストツールを使用して基本的な要素を配置し、整列機能やグループ化で効率的にデザインを調整できます。色の設定においては、RGB値を正しく指定することでSVGエクスポート時の色の変化を防ぐことができます。SVGのよいところは、拡大縮小で劣化しないことと、あとから色を変更できることです。「新規ドキュメント」を作成これまでPowerPointで作ってPNG形式にしていたロ...

とりあえずのメモパソコン基礎知識作業効率化

Inkscapeでエクスポートしたsvgが表示されない？（viewBoxの異常値）

Inkscapeでエクスポートしたsvgが表示されない？（viewBoxの異常値）

InkscapeでエクスポートしたSVGファイルの表示されない場合、viewBoxの値や transformの設定がおかしいのかもしれません。「ドキュメントのプロパティ」でページサイズを適切に設定してから、エクスポートし直すと正しい SVGファイルになります。エクスポートしたsvgが表示されない？InkscapeでエクスポートしたSVGが表示されないことがあります。何が原因ですか？問題のSVGファイルのXMLを見ると、viewBoxやtranslate の値が異常に大きな値に...

2025.01.16 2025.01.19

とりあえずのメモパソコン基礎知識作業効率化

WordPressにSVG画像をアップロードできるようにした（functions.php）

WordPressにSVG画像をアップロードできるようにした（functions.php）

WordPressではセキュリティ上の理由からSVGファイルのアップロードが制限されています。functions.phpにカスタム関数を追加すれば、ブログエディタでのSVGアップロードを許可できます。ただし、アップロードを許可する場合、リスクも認識しておくことが大事です。「このファイルタイプ（SVG）をアップロードする権限がありません」WordPressにSVGファイルをアップロードしようとしたらエラーになりました。このファイルタイプをアップロードする権限がありません。fun...

とりあえずのメモセキュリティプログラミングホームページ運用

テキストから図解を生成するNapkin AI

テキストから図解を生成するNapkin AI

「Napkin AI」は、入力された文章から図解を自動生成するAIツールです。生成された図解は編集可能で、画像やSVGファイルとしても保存したり、クリップボードにコピーしたりできます。現時点ではひな型の数が限られていますが、高機能なSmartArtのような便利なツールとして利用できます。「Napkin AI」と「Auto Spark」ボタン「Napkin AI」は、入力した文章を元に図解を作ってくれる生成AIです。（参考）基本的な編集画面は、「白紙のノート」のような感じです。...

2024.09.20 2024.10.01

AIの話題とりあえずのメモ作業効率化冊子テキスト