Image(svg, base64...) (3) 썸네일형 리스트형 svg: text-anchor svg는 x,y 의 좌표를 가지고 위치를 잡습니다. 이때 text를 중앙에 위치시키고 싶을 때 유용하게 쓸 수 있는 방법이 text-anchor를 이용하는 방법입니다. text에서 좌표를 줄때, text의 왼쪽, 중앙, 오른쪽 중 어디를 기준으로 둘 것인가 할때 쓰입니다. text-anchor의 속성 값 start : 왼쪽, middle : 중앙, end: 오른쪽 이미지 base64 encoding 하기 #변환 사이트 이용 이미지 파일을 base64로 인코딩하는 방법은, 간단하게는 이미지 파일을 변환해주는 사이트를 이용하면 됩니다. 아래 몇가지 사이트들을 소개합니다. https://base64.guru/converter/encode/image Image to Base64 | Base64 Encode | Base64 Converter | Base64 Image to Base64 Convert image to Base64 online and use the result string as data URI, img src, CSS background-url, and others. Sometimes you have to send or output an image within a text document (for example, HTM.. svg 에서 image 가져오기 svg를 이용할 경우 image를 불러올때 다음과 같은 태그를 사용합니다. svg 파일을 browser로 열면 위와 같이 svg 이미지가 잘 출력이 됩니다. 그런데 Django를 이용해서 svg 파일을 생성하는 경우 svg 내부에서는 호출되지만 svg를 호출하는 html template에서 이미지가 불러와지지 않는 경우가 있었습니다. 이를 해결하는 한가지 방법으로, image href 부분에 svg파일을 base64로 인코딩한 결과값을 넣어주는 방법이 있습니다. 이미지 파일을 base64로 인코딩하는 방법은 다음 글에 소개하도록 하겠습니다. # base64로 이미지 파일 인코딩하기 https://taltal-dev-note.tistory.com/3 이미지 base64 encoding 하기 #변환 사이트 .. 이전 1 다음
