🏠
🏠
SVGは、 ベクトルグラフィックスを記述するXMLです。 地図や線図などを表現するのに適しています。
| 要素 | 属性 |
|---|---|
| svg | viewBoxで、ワールド座標系を設定します。 width, heightで、html内のboxを設定しますが、 レスポンシブデザインの場合は、省略するのがおすすめです。 |
| g | |
| symbol | |
| clipPath | idを設定して、クリッピング領域を設定します。 ネストすることもできます。 その場合、fill-ruleを設定します。 |
| path | dコマンドで図形を描画できます。 ベジェ曲線 “M”は基点、開始点を示し、”C”は三次ベジェ曲線を描画する。 二次ベジェ曲線 ：コーナーを丸めるとき使う。 三次ベジェ曲線 ：先端を丸めるとき使う。 |
| polygon | pointsでワールド座標系の座標を設定します。 fillでRGBを設定します。 styleで設定もできます。 |
| 項目 | canvas | svg |
|---|---|---|
| 画像としてダウンロード | JavaScriptで、 ビットマップに描画するので、 png形式 で可。 | xmlの記述を ブラウザがレンダリングするので直接は不可。 svgをファイルにして、パワーポイントに読み込み、png形式で保存することで可能。 |
| クローラ／読み上げ | クローラには何が書いてあるかわらない。 Google Lensなら少しわかるかも。 | xmlの記述なので、マシンリーダブル。読み上げも可能かも。 |
| 🧪 🏞 ヘクトライトの例 |
*
|
* |
LCCM住宅（ライフ・サイクル・カーボン・マイナス住宅）とは、ZEH（ネット・ゼロ・エネルギー・ハウス）よりさらに省CO2化を進めた先導的な脱炭素化住宅で、建設時、運用時、廃棄時において出来るだけ省CO2に取り組み、さらに太陽光発電などを利用した再生可能エネルギーの創出により、住宅建設時のCO2排出量も含めライフサイクルを通じてのCO2の収支をマイナスにする住宅です。 ※
V2Hとは、 電気自動車の電池を、 住宅の電池(ESS)にリユース することです。 電気自動車の 電池容量は、 40kWh程度とすれば、住宅の電池10kWhの4世帯分に相当します。
しかし安全に リユース するには、バッテリーのインスペクションが欠かせません。
| 表現 | ||||
|---|---|---|---|---|
| ◇バイナリ形式
任意のビット列 |
◇テキスト形式
文字コードのみ |
|||
| ネイティブ | 圧縮テキスト | テキスト | ◇ XML | |
| 文書 | doc | docx | ◇html,html5 | xhtml |
| 表計算 | xls | xlsx | ◇csv | |
| 図形 | ◇MWF,EMF | vml | ◇ svg | |
| チャート | UML | |||
| 地図 | ◇G-XML,GML | |||
| 数式 | マセマティカ | ◇TEX | ◇ MathML | |
| 化学式 | SMILES | CML | ||
| 楽譜 | MIDI | MML | MusicXML | |
| 3D | VRML | X3D | ||
| 画像 (image) | jpg,png | |||
| 音楽 (audio) | wav,mp3,wma | |||
| ビデオ (video) | mp4,mov | |||
| アプリ | exe,dll | vb,js,asp | ||
svg 形式を htmlに直接記述した 山形大学 のロゴ です。
山形大学の スクールカラー ときわ色 （プロセスカラー3色を使用し，C(シアン)＝100％，M(マゼンタ)＝60％及びY(イエロー)＝70％を割合とする色）です。#00664dになります。 http://www.colordic.org/ #00664d
この場合、svg の中でimgをロードすることもできます。 htmlが長くなって、メンテナンス性が悪くなるので、aspなら サーバーサイドでincにまとめる方がいいかもしれません。
