심심해서 SVG로 태극기를 만들어봤습니다.
글쓴이: 푸르미 / 작성시간: 금, 2006/04/28 - 11:19오후
심심해서 SVG로 태극기를 만들어봤습니다.
<?xml version="1.0" encoding="UTF-8" standalone="no" ?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg width="720px" height="480px" viewBox="0 0 720 480" xmlns="http://www.w3.org/2000/svg" version="1.1"> <title>태극기</title> <desc>태극기</desc> <!-- matrix || cos(arctan(2/3)) -sin(arctan(2/3)) -360*cos(arctan(2/3))+240*sin(arctan(2/3))+360 || || sin(arctan(2/3)) cos(arctan(2/3)) -360*sin(arctan(2/3))-240*cos(arctan(2/3))+240 || || 0 0 1 || --> <rect x="0" y="0" width="720" height="480" fill="#FFFFFF" stroke="#AAAAAA" stroke-width="1" /> <g transform="matrix(0.832050294 0.554700196 -0.554700196 0.832050294 193.589941 -159.384141)"> <path d="M240,240 a120,120 0 0,1 240,0z" fill="#E20131" stroke="none" stroke-width="0" /> <path d="M480,240 a120,120 0 0,1 -240,0z" fill="#0D3087" stroke="none" stroke-width="0" /> <path d="M360,239 a60,60 0 0,1 -120,0z" fill="#E20131" stroke="none" stroke-width="0" /> <path d="M360,241 a60,60 0 0,1 120,0z" fill="#0D3087" stroke="none" stroke-width="0" /> </g> <!-- 3// 건 --> <!-- matrix || cos(-PI/2+arctan(2/3)) -sin(-PI/2+arctan(2/3)) -60*cos(-PI/2+arctan(2/3))+40*sin(-PI/2+arctan(2/3))+240*(3/2-33/(12*sqrt(11))) || || sin(-PI/2+arctan(2/3)) cos(-PI/2+arctan(2/3)) -60*sin(-PI/2+arctan(2/3))-40*cos(-PI/2+arctan(2/3))+240*(1-22/(12*sqrt(11))) || || 0 0 1 || --> <g transform="matrix(0.554700196 -0.832050294 0.832050294 0.554700196 94.438489 135.070018)"> <rect x="0" y="0" width="120" height="20" fill="#000000" stroke="0" stroke-width="0" /> <rect x="0" y="30" width="120" height="20" fill="#000000" stroke="0" stroke-width="0" /> <rect x="0" y="60" width="120" height="20" fill="#000000" stroke="0" stroke-width="0" /> </g> <!-- 4// 리 --> <!-- matrix || cos(PI/2-arctan(2/3)) -sin(PI/2-arctan(2/3)) -60*cos(PI/2-arctan(2/3))+40*sin(PI/2-arctan(2/3))+240*(3/2-33/(12*sqrt(11))) || || sin(PI/2-arctan(2/3)) cos(PI/2-arctan(2/3)) -60*sin(PI/2-arctan(2/3))-40*cos(PI/2-arctan(2/3))+240*(1+22/(12*sqrt(11))) || || 0 0 1 || --> <g transform="matrix(0.554700196 0.832050294 -0.832050294 0.554700196 161.002513 300.553966)"> <rect x="0" y="0" width="120" height="20" fill="#000000" stroke="0" stroke-width="0" /> <rect x="0" y="30" width="55" height="20" fill="#000000" stroke="0" stroke-width="0" /> <rect x="65" y="30" width="55" height="20" fill="#000000" stroke="0" stroke-width="0" /> <rect x="0" y="60" width="120" height="20" fill="#000000" stroke="0" stroke-width="0" /> </g> <!-- 5// 감 --> <!-- matrix || cos(PI/2-arctan(2/3)) -sin(PI/2-arctan(2/3)) -60*cos(PI/2-arctan(2/3))+40*sin(PI/2-arctan(2/3))+240*(3/2+33/(12*sqrt(11))) || || sin(PI/2-arctan(2/3)) cos(PI/2-arctan(2/3)) -60*sin(PI/2-arctan(2/3))-40*cos(PI/2-arctan(2/3))+240*(1-22/(12*sqrt(11))) || || 0 0 1 || --> <g transform="matrix(0.554700196 0.832050294 -0.832050294 0.554700196 558.997487 35.2239829)"> <rect x="0" y="0" width="55" height="20" fill="#000000" stroke="0" stroke-width="0" /> <rect x="65" y="0" width="55" height="20" fill="#000000" stroke="0" stroke-width="0" /> <rect x="0" y="30" width="120" height="20" fill="#000000" stroke="0" stroke-width="0" /> <rect x="0" y="60" width="55" height="20" fill="#000000" stroke="0" stroke-width="0" /> <rect x="65" y="60" width="55" height="20" fill="#000000" stroke="0" stroke-width="0" /> </g> <!-- 6// 곤 --> <!-- matrix || cos(-PI/2+arctan(2/3)) -sin(-PI/2+arctan(2/3)) -60*cos(-PI/2+arctan(2/3))+40*sin(-PI/2+arctan(2/3))+240*(3/2+33/(12*sqrt(11))) || || sin(-PI/2+arctan(2/3)) cos(-PI/2+arctan(2/3)) -60*sin(-PI/2+arctan(2/3))-40*cos(-PI/2+arctan(2/3))+240*(1+22/(12*sqrt(11))) || || 0 0 1 || --> <g transform="matrix(0.554700196 -0.832050294 0.832050294 0.554700196 492.433464 400.400001)"> <rect x="0" y="0" width="55" height="20" fill="#000000" stroke="0" stroke-width="0" /> <rect x="65" y="0" width="55" height="20" fill="#000000" stroke="0" stroke-width="0" /> <rect x="0" y="30" width="55" height="20" fill="#000000" stroke="0" stroke-width="0" /> <rect x="65" y="30" width="55" height="20" fill="#000000" stroke="0" stroke-width="0" /> <rect x="0" y="60" width="55" height="20" fill="#000000" stroke="0" stroke-width="0" /> <rect x="65" y="60" width="55" height="20" fill="#000000" stroke="0" stroke-width="0" /> </g> </svg>
File attachments:
첨부 | 파일 크기 |
---|---|
![]() | 51.05 KB |
Forums:
깔끔하네요.
수고하셨습니다. :)
굿잡
덕분에 잘 쓰고 있습니다.
이렇게 쓰고 있지요.
http://usr.gentoo.or.kr/gallery/people/xgl
조회수를 높이려는 음흉한 속셈이.. 으흐흐~