»WEB制作コード・プラグインWEBサービス・便利なサイトWordPressPhotoshopPC全般サイト運営お知らせ9ineBBWEB×DESIGN×CREATIVETwitterFacebookFeedlyFeed/RSSHOMEWEB制作系SVG画像のサイズをHTML,CSSで自在にコントロールしてWEBで表示する方法SVG画像のサイズをHTML,CSSで自在にコントロールしてWEBで表示する方法Tweet256PRSVG画像ってご存知でしょうか?ベクトル画と言って、線や色の情報をデータとして持っていてそれを再現して画像のように幼児するものです。SVGだと画像のサイズが変わろうが画質が劣化しません、大きく表示したからといって荒く表示されることが無いのですただSVGは古いブラウザーでは表示できないこと。他のブラウザでは最新版で対応します。実際にSVGを表示させたDEMO、日本の旗のマークはすべて同じ画像元です。width="800">通常のimgタグを同様に指定するだけです、至って簡単です。画像のサイズはwidthで指定すれば横幅を基準にアスペクト比が保たれたまま表示されます、heightで指定をすれば高さを基準にアスペクト比が保たれたまま表示されます。}背景として呼び出すことも可能です、background-sizeで画面のサイズに合わせて自動的に大きさが変わるようにも出来ます大きい画像になってもファイル容量が小さいままなのもSVG画像の大きな特徴でもあります。使ってD&Dでリストの並び替えを実装する。4.7.3がリリース、脆弱性の修正が有りで更新推奨。キャンセル次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。