SVG 画像を読み込んでハートマークの枠を作りeight判で出力する
ハートマークのダウンロード
Heart SVG Vectors and Icons – SVG Repo
SVG(Scalable Vector Graphics)は、拡大縮小しても画質が劣化しないベクター形式の画像ファイルです。SVG画像は、XMLをベースにしており、テキストエディタで編集することも可能です
ハートマークのサイズの変更と emf ファイルへの変換
Inkscape
Inkscape – Draw Freely. | Inkscape
ハートマークを選択した後オブジェクト>変形>拡大縮小 今回は10%にしました
編集>ページサイズを選択オブジェクトに合わせる
ファイル>ファイルを名前をつけて保存>ファイルの種類を emf にする
縮小した後の SVG ファイルは以下の通りです
<svg
width="71.666664"
height="62.385773"
viewBox="0 0 2.1499999 1.8715732"
fill="none"
version="1.1"
id="svg1"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<path
d="m 0.771173,1.6376631 0.04643,-0.0589 z M 1.075,0.29663614 l -0.05404,0.05201 c 0.01414,0.01469 0.03365,0.02299 0.05404,0.02299 0.02039,0 0.0399,-0.0083 0.05404,-0.02299 z m 0.30383,1.34102696 0.04643,0.0589 z m -0.561225,-0.0589 C 0.666039,1.4592831 0.500307,1.3426031 0.368829,1.1945531 0.239922,1.0493931 0.15,0.88002314 0.15,0.66028314 H 0 c 0,0.26655 0.11105,0.46989996 0.256672,0.63386996 0.143051,0.16108 0.325405,0.28994 0.46807,0.40241 z M 0.15,0.66028314 c 0,-0.215087 0.121537,-0.395458 0.287436,-0.471291 0.161171,-0.07367 0.37773,-0.05416 0.583524,0.159654 l 0.10808,-0.10402 C 0.88485,-0.00907486 0.601409,-0.05088786 0.375076,0.05256914 0.153471,0.15386514 0,0.38907614 0,0.66028314 Z M 0.724742,1.6965631 c 0.05122,0.04038 0.106212,0.08344 0.161938,0.116 0.05571,0.03255 0.11928,0.05901 0.18832,0.05901 v -0.15 c -0.03096,0 -0.06739,-0.01207 -0.11264,-0.03852 -0.04523,-0.02643 -0.09215,-0.06282 -0.144755,-0.10429 z m 0.700518,0 c 0.14266,-0.11247 0.32502,-0.24133 0.46807,-0.40241 C 2.03895,1.1301831 2.15,0.92683314 2.15,0.66028314 H 2 c 0,0.21974 -0.08992,0.38910996 -0.21883,0.53426996 -0.13148,0.14805 -0.29721,0.26473 -0.44877,0.38421 z M 2.15,0.66028314 c 0,-0.271207 -0.15347,-0.506418 -0.37508,-0.607714 -0.22633,-0.103457 -0.50977,-0.06164 -0.75396,0.192057 l 0.10808,0.10402 c 0.20579,-0.213815 0.42235,-0.233325 0.58352,-0.159654 C 1.87846,0.26482214 2,0.44519614 2,0.66028314 Z M 1.3324,1.5787631 c -0.05261,0.04147 -0.09953,0.07786 -0.14476,0.10429 -0.04525,0.02645 -0.08168,0.03852 -0.11264,0.03852 v 0.15 c 0.06904,0 0.13261,-0.02646 0.18832,-0.05901 0.05573,-0.03256 0.11071,-0.07562 0.16194,-0.116 z"
fill="#1c274c"
id="path1"
style="stroke-width:0.1" />
</svg>
eight判 に読み込みする
結果
Inkscapeを使って線を追加することも可能です
ディスカッション
コメント一覧
まだ、コメントがありません