Hatena Blog Tags
はてなブログ トップ
SVG
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

SVG

(コンピュータ)
【えすぶいじー】

[英] Scalable Vector Graphics
SVGとは、W3Cにおいて策定された2次元グラフィクス記述言語。
XMLをベースにしており、基本的にはベクトル描画を行なう*1ベクターデータである。HTML5における2次元ビットマップ画像はcanvas要素。
2003/1/14にSVG1.1が勧告されている。また、モバイル向けにSVG1.1のサブセットとしてSVG TinyおよびSVG Basicが勧告されている。

未対応のブラウザ

  • IE 8以下
  • Android 2.3.x以下
  • フィーチャーフォン

><

*1:ラスタ画像を扱うこともできる

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
shikumika’s diary•7日前

【PowerPoint】SVGエクスポートしたときの仕様

PowerPointには、図やスライドをSVG（スケーラブル ベクター グラフィックス形式）として保存する機能があります。 今回は、どの要素がベクター要素として出力できるのか確認した備忘録です。 内容 検証した前提条件 SVGに変換できた要素 （参考）出力状況の確認結果 変換できなかった要素：画像 Excelで作成したグラフをPowerPointに挿入した場合 検証した貼り付け方法（6種類） ベクター形式で出力できたもの ✅ （参考）出力状況の確認結果 まとめ 確認のPowerPointは「Microsoft® PowerPoint® for Microsoft 365 MSO」（バージョン2…

#PowerPoint#SVG

ネットで話題

もっと見る
1479ブックマークほぼ劣化なしでJPG/GIF/PNG/SVG画像を超軽量化してくれる「Compressor.io」は要ブックマーク！｜男子ハックwww.danshihack.com
1329ブックマーク8M+ Free Icons & Stock Photos | SVG & PNG | Download Todaythenounproject.com
1210ブックマークビジネス系のイラストはおしゃれなのが無いと困っている人に！商用無料で使えるイラストのSVG素材 -unDrawcoliss.com
1181ブックマーク東京の鉄道路線図SVGを作りました＆パブリックドメインで配布します12/20/2014東京の鉄道路線図SVGを作りました＆パブリックドメインで配布しますIllustratorを使って、東京圏の交通路線図を作りました。 現在、これを書きだしたSVGファイルを以下に置いて、ウェブ上から見られるようにしています。まだマップとして大した処理はしていないので、PCとかだとスクロールが面倒ですが、スマ...note.openvista.jp
812ブックマークグリグリ動くUIをVueとSVGでサクッと書く - No Regrets in Bathinghashrock.hatenablog.com
668ブックマーク全部、完全に商用利用無料！さまざまなUIデザインに適した1,064種類のSVGアイコン素材 -Emblemiconscoliss.com
536ブックマーク無料で商用利用できるSVGのフリーアイコン4,500種類、デザインに合わせたカスタマイズもできるのはすごい！coliss.com
531ブックマークブックマークしておくと便利！ 背景、テクスチャ、パターン、シェイプ、グラデーションなどを生成するSVGツールのまとめcoliss.com
530ブックマーク商用利用無料、UIデザイン用のSVGアイコンが1000種類以上！ 改変・再配布も可の太っ腹ライセンス- MingCute Iconcoliss.com

関連ブログ

shikumika’s diary•9日前

【PowerPoint】SVG形式のファイルを図形に変換する方法と活用メリット

PowerPointではSVG形式のファイルを図形に変換できます。この方法を知っておくと、資料の編集自由度も大きく向上します。 内容 SVG形式とは何か SVGを図形に変換する方法 実際の画面イメージ 図形に変換すると何ができるのか 確認のPowerPointは「Microsoft® PowerPoint® for Microsoft 365 MSO」（バージョン2603）です。 SVG形式とは何か SVGは拡大しても劣化しない画像形式です。アイコンや図解などにも使われる形式です。また活用における課題はありますが、生成AIを利用してJPEG画像を編集可能なSVG形式に変換して修正するといったこ…

#PowerPoint#SVG
鷹尾祥（アキラ）のExcel BI ブログ•18日前

UDF（ユーザー定義関数）でSVGチャートを作る

UDF（ユーザー定義関数）について 2025年末にPower BIのプレビュー機能として、ユーザー定義関数（User Defined Function、以下UDFと表記）が追加されました。ある種待望の機能でしたが、これは同一のセマンティックモデル内で再利用できる式を関数として自由に定義できる機能です。これにより、例えば消費税率の計算といったものを関数にして、様々なメジャーに適用することができます。（個人的にはセマンティックモデル = 1つのPBIXファイル内だけでなく、Power BI Serviceのワークスペース内で共有できたら最高だと思っていますが、今後実現される日が来るのでしょうか。）…

#Power BI#SVG#UDF#チャート
内気なもんた君•1ヶ月前

ブートメニューのロゴ

ブートメニューのロゴ あとで何かに役立つかと思ってベクターイメージで作ってみた。 CorelDRAW 形式の .cdr .svg イメージ ⬇️ ダウンロード : ブートメニューロゴ

#Windows#ブートメニュー#ロゴ#ベクター#イメージ#CorelDRAW
ForgeVision Engineer Blog•2ヶ月前

Kiro を使った SVG アニメーション工房

こんにちは、動画好きの尾谷です。 観るのも好きですが、作るのがもっと好きです。 本ブログでは、Kiro を使ってアニメーション SVG を作る方法をご紹介します。 はてブロに SVG ファイルが貼れなかったので、収録した動画を YouTube にアップしました。 www.youtube.com BGM が流れますので、ご注意ください。 2 月から始めたので、まだまだ少ないですが、製作した SVG アニメーションを GitHub リポジトリで公開しています。 github.com Kiro のアニメーションが SVG だと知る 昨年の JAWS-UG 忘年会で、Kiro のアニメーションは SV…

#SVG#アニメーション#AWS
スタジオおふとん•3ヶ月前

目標ビンゴを作るサービスを立ち上げてみた（技術的な話）

目標ビンゴとは何か、どういうところがいいのか、は別のブログに書いているので、こちらでは技術的な話を。 技術スタック web周りの裏話 svgをpngにするツールも作った mejirot.leaflet.pub 技術スタック goal-bingo.mejilab.com plantUMLのMCPで描いてもらった 最初はクエリでデータ保持する仕組みだったんだが、使ってみたら1000文字とかになってしまって、その量クエリで渡すのどうなんだ？ + まだ追加したい機能があって、それもクエリでやるとなると限界来るな、ってことでいったんmarkdownでimport/exportしてもらう形にした。 ビンゴ…

#開発#目標ビンゴ
エニグモ開発者ブログ•5ヶ月前

SVGファイルは本当に安全なのか？SVGの中にある危険な仕組みと対策

こんにちは！Webアプリケーションエンジニアのレミーです！ この記事はEnigmo Advent Calendar 2025の7日目の記事です。 最近「Operation Hanoi Thief」という事件を読みました。 これは、ベトナムのITエンジニアや採用担当者を狙ったサイバー攻撃についての内容で、怪しいファイルを送りつけて情報を盗む手口が紹介されていました。 その中で、一見ただの画像に見えるファイルでも、実は中に攻撃的なコードが入っている恐れがある、という点が気になったので、SVGの中にある危険な仕組みを紹介します。 多くの人にとって、SVGファイルは「軽くて、拡大しても劣化しない便利な…

#アドベントカレンダー2025#SVG#セキュリティ
パスコンパスの日記•6ヶ月前

【ペンプロッタ】データをどうやって作るか

先日念願のMaker Faire Tokyoに出展してきました。 makezine.jp 大変ありがたいことにたくさんの方に作品を見ていただきまして、質問も色々いただきました。その中で何回か似た質問をいただきました。 「データはどうやって作るんですか？」 という質問です。 確かに振り返ってみると私もペンプロッタを初めて作ろうとした時は「データの作り方が難しそう」と思い、マスタースレーブ的にリアルタイムでポテンショメータの角度をモータに出した方が楽だと考えました(結果的にはそちらの方が茨の道だったかも)。今思うと、データの用意の手順は慣れればそんなに難しくないです。 ブログにまとめておけば質問に…

#SVG#ペンプロッタ#Gコード
鷹尾祥（アキラ）のExcel BI ブログ•10ヶ月前

[Power BI] SVGで独自グラフを作ろう④：今年、前年、目標値を1つのメジャーで表現

SVGグラフの4回目で、棒グラフについては最終回となります。 目標 前回は実績に応じて長さが変わる棒グラフを完成しました。 今回は、それに前年実績の棒グラフと、今年の目標値のラインを追加して対前年対比、対目標対比を１つのメジャーで表現します。 シリーズ一覧 [Power BI] SVGで独自グラフを作ろう① - 鷹尾祥（アキラ）のExcel BI ブログ [Power BI] SVGで独自グラフを作ろう② - 鷹尾祥（アキラ）のExcel BI ブログ [Power BI] SVGで独自グラフを作ろう③ - 鷹尾祥（アキラ）のExcel BI ブログ [Power BI] SVGで独自グラフを…

#Power BI#SVG
鷹尾祥（アキラ）のExcel BI ブログ•10ヶ月前

[Power BI] SVGで独自グラフを作ろう③：最大値を自動調整して棒グラフを完成

SVGグラフの3回目です。 目標 前回はメジャーの値を参照して、その値に応じて長さが変化する棒グラフをSVGで作成しました。 今回は最大値をハードコーディングからその時の最大値に応じて調整します。 シリーズ一覧 [Power BI] SVGで独自グラフを作ろう① - 鷹尾祥（アキラ）のExcel BI ブログ [Power BI] SVGで独自グラフを作ろう② - 鷹尾祥（アキラ）のExcel BI ブログ [Power BI] SVGで独自グラフを作ろう③ - 鷹尾祥（アキラ）のExcel BI ブログ [Power BI] SVGで独自グラフを作ろう④ - 鷹尾祥（アキラ）のExcel B…

#Power BI#SVG