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:ラスタ画像を扱うこともできる

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

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

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

#SVG#ペンプロッタ#Gコード

ネットで話題

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

関連ブログ

鷹尾祥（アキラ）のExcel BI ブログ•5ヶ月前

[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 ブログ•5ヶ月前

[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
鷹尾祥（アキラ）のExcel BI ブログ•6ヶ月前

[Power BI] SVGで独自グラフを作ろう②：メジャーの値で変化する棒グラフ

SVGグラフの２回目です。 目標 前回の記事でPower BIのマトリクス・ビジュアルに静的なSVGチャートを描きました。 今回は実際に変化するメジャーの値に応じて長さが変化する棒グラフを作ります。 シリーズ一覧 [Power BI] SVGで独自グラフを作ろう① - 鷹尾祥（アキラ）のExcel BI ブログ [Power BI] SVGで独自グラフを作ろう② - 鷹尾祥（アキラ）のExcel BI ブログ [Power BI] SVGで独自グラフを作ろう③ - 鷹尾祥（アキラ）のExcel BI ブログ [Power BI] SVGで独自グラフを作ろう④ - 鷹尾祥（アキラ）のExcel …

#Power BI#SVG#カスタム#ビジュアル#グラフ
鷹尾祥（アキラ）のExcel BI ブログ•6ヶ月前

[Power BI] SVGで独自グラフを作ろう①：SVGを描いてみる

SVGとは？ Power BIには様々なビジュアルが用意されており、またカスタムビジュアルとして世の中に公開されているチャートを使うことができます。しかし、それでも痒いところに手が届かず自分でフレキシブルにグラフを作れたらと思うこともあります。そんなときにはSVGを使ってカスタム・グラフを作ることができます。SVGとはScalable Vector Graphicsの略で、画像を描画するためのXML形式の定義です。このSVGにより様々な図形を作成できます。このSVGは、マトリクス・ビジュアルとテーブル・ビジュアルの中の1つのメジャーとして使うことができます。こちらを使ってより直感的にわかりやす…

#Power BI#SVG#カスタム#ビジュアル#グラフ
takaha_0の日記•8ヶ月前

epsファイルの作成方法

初めまして。 今日は、TeXを使って論文投稿をする際に必要となるepsファイルの作成方法について記載します。 画像を挿入する際に、ファイルサイズが大きくなりすぎるのでpngやjpegなどを利用しないとは思っていましたが、epsという初めてのファイル形式に出会ったので、備忘録も兼ねて記事にすることにしました。使用しているOSはMacOSです。(近日中にwindowsに乗り換える予定です。) adobe illustratorを持っている場合 私は持っていませんが、adobe illustratorがあればepsファイルを簡単につくれるそうです。こちらを参照してください。 svgから変換する場合 …

#eps#nature#論文
uepon日々の備忘録•8ヶ月前

Claude×SVG×PowerPointの最強コンボ！生成画像を劇的に進化する編集方法！

SVG（Scalable Vector Graphics）は拡大縮小しても画質が劣化しない優れたベクター形式の画像ファイルです。 最近ではClaude 3.7 Sonnet ArtifactsなどのLLMでは関係性や構成図の表す画像としてSVGを生成することができます。これを資料としていれることも可能ですが、位置の調整やフォントの変更（特に日本語）、色の修正などを行いたいと思うのですが、できればよく使っているアプリで行いたいところです。実はSVGの編集はPowerPointで可能なのです🤩 PowerPoint 2016ではSVGファイルのインポートは可能でしたが、編集機能は限定的でした。本格…

#Claude#SVG#PowerPoint#Anthropic
dnjiro’s 9VAe blog•1年前

OnePをつかった簡単なアニメーションの書き方

OneP（One Picture）は、ひとコマアニメーションを保存する目的で開発された、ベクトルグラフィックスフォーマットです（拡張子.onep）。似たフォーマットに、SVG（SMIL）がありますが、OnePのほうが簡単です ほかの解説動画はこちら。 内容： OnePが使えるアプリ OnePの白紙の書き方 ３つの色が違う正方形 ２ページめをつくる 2ページの四角を内側に移動させる ３ページをつくり、赤青の四角をアニメキャストにする ４ページをつくり、アニメキャストを回転させる 解説動画の作り方 9VAeきゅうべえのダウンロード 画面キャプチャ方法 音声合成でしゃべる解説動画の作り方 アニメGI…

#9vae#ひとこま
dnjiro’s 9VAe blog•1年前

アニメーション制作の革命？：9VAeきゅうべえのアニメキャスト

無料アプリ9VAeきゅうべえは、なめらかに動くアニメを作るために、他のアプリにない「アニメキャスト」というすごいパーツ作成機能を持っています。これを解説。パソコンでもスマホでもできます。いらすとやを動かす方法はこちら。しゃべる解説はこちら。 ほかの解説動画はこちら。 内容： １．9VAeきゅうべえのダウンロード ２．9VAeのアニメキャスト機能 ３．アニメキャストの作り方（四角形の回転） ４．アニメキャストの作り方（動く図形の移動） ５．アニメキャストの中身の修正 ６．アニメキャストを矢印にそって動かす ７．別のアニメにして修正、矢印にそって向きをかえる ８．アニメキャストの回転中心を変更する…

#動画作成#9vae#SVG#フリー素材
咲々びより•1年前

宣伝的関連小説

そもそもGrmを完成させようと思ったきっかけになる、自作小説がこちら。 www.alphapolis.co.jp 陸奥の武将の娘がインカ帝国に渡るというトンデモ慈済小説ですが、 作中で「いんてぃかぱっく」という花札が出てきまして。 www.alphapolis.co.jp 南米花札 これがInkscapeで出来てるというのがまあ関連っちゃ関連ですが、あともう一つ。 魔法陣言語Grm完成のあかつきには、この「いんてぃかぱっく」を言語使ってゲーム化したいというのもあります。 その制作過程が言語のチュートリアルも兼ねられたらいいなと

#アルファポリス#SVG