SVGには固有のpxサイズがありますか?


9

イラストレーターファイルの一部の画像をSVGとして保存し、Webサイトの背景画像として使用します。画像サイズをpxで設定できることは知っていますが、ファイルに固有のpxサイズが設定されていますか?

回答:


4

テキストエディターでSVGファイルを開き、自分の目で確かめてください!

<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="60px" height="60px" viewBox="0 0 60 60" enable-background="new 0 0 60 60" xml:space="preserve">
<line fill="none" stroke="#FFFFFF" stroke-width="12" x1="1.1" y1="1.2" x2="58.8" y2="58.8"/>
</svg>

関連するプロパティはSVGタグにあります。


6

はい。

IllustratorからSVGを保存し、すべてのサイズを変更し、別のSVGを保存して両方をHTMLで出力すると、保存したサイズに応じて、異なるサイズで表示されます。

これらの値の設定はアートボードでは十分簡単なはずですが、常にcss-propertyを設定するだけです(明らかにWebでのみ機能します)。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.