PlantUML에 이미지를 삽입하는 단계

1877 단어 plantuml

소개



CircleCI 아이콘을 PlantUML에서 사용하고 싶었지만 여기에는 없었기 때문에 생성했습니다.
그 때의 비망록입니다.

이미지 준비



포함할 이미지를 준비합니다.
주의점으로서, 파일 사이즈가 큰 화상이라고 인코딩은 할 수 있어도, 디코드시에 실패합니다.
얼마나 한계인지 모르겠지만 이번에는 48x48px의 이미지를 준비했습니다.
또한 투명한 부분은 검정으로 처리되므로 배경이 흰색인 이미지를 준비하십시오.



그레이 스케일로 인코딩



그런 다음 이미지를 회색조로 인코딩해야 합니다.
터미널에서 다음 명령을 실행합니다.
$ java -jar plantuml.jar -encodesprite 16z circleci.png
sprite $circleci [48x48/16z] {
bLPLWiKm20nnPUz_shLN2zHclYgu6mdoiRG_bEIjUG25qdd7gF6EXL9dYL7S5NbSg0L6fZDgL_aAFMZoCFW6MTd2zoYpJOaPOGZyZ79mTV0Bf2tidTzW-8K-
gp-jv5ALb4QdrjJm-KukYp_H_A7CGhpPOUT_dPJuGdTvYS9wcKSPwYQ2KoMrJAKp_XYNqs9lnnmS3VpQCk9ppO7Mbya0Ycb5N2YeVgBXj88Xmh6GBp-TZf7J
z56wxtX7kFDlyT-EOmOawF3Noth4wL5xK7_HUABvkgY7Sb4FQBsXzGps2zgFQB-3ymITL-0y1ESjEC_HVG7k8t3VuViKtzVuFO3V6-WzymC
}

실행 결과를 .pu 파일에 복사합니다.

sample.pu
@startuml

sprite $circleci [48x48/16z] {
bLPLWiKm20nnPUz_shLN2zHclYgu6mdoiRG_bEIjUG25qdd7gF6EXL9dYL7S5NbSg0L6fZDgL_aAFMZoCFW6MTd2zoYpJOaPOGZyZ79mTV0Bf2tidTzW-8K-
gp-jv5ALb4QdrjJm-KukYp_H_A7CGhpPOUT_dPJuGdTvYS9wcKSPwYQ2KoMrJAKp_XYNqs9lnnmS3VpQCk9ppO7Mbya0Ycb5N2YeVgBXj88Xmh6GBp-TZf7J
z56wxtX7kFDlyT-EOmOawF3Noth4wL5xK7_HUABvkgY7Sb4FQBsXzGps2zgFQB-3ymITL-0y1ESjEC_HVG7k8t3VuViKtzVuFO3V6-WzymC
}

rectangle Sample [
    <$circleci>
]

@enduml

문제없이 미리보기에 CircleCI 아이콘이 표시되었습니다.

좋은 웹페이지 즐겨찾기