others
·⏱ 7m
svg의 text 사용법, textspan을 이용해서 줄바꿈 해보기.
svg에서 text를 사용하기. 저는 입력받은 데이터를 이용해서 비교적 간단한 그래프를 그려주고, 특정 부분에 마우스를 올렸을 때 필요한 데이터가 뜨도록 하는 작업을 수행하고 있습니다. 즉, 해당 요소 위에 마우스가 올라오면, 그 위치에 새로운 ...
svg에서 text를 사용하기. 저는 입력받은 데이터를 이용해서 비교적 간단한 그래프를 그려주고, 특정 부분에 마우스를 올렸을 때 필요한 데이터가 뜨도록 하는 작업을 수행하고 있습니다. 즉, 해당 요소 위에 마우스가 올라오면, 그 위치에 새로운 ...
svg의 요소에 마우스를 올렸을 때 변하는 것을 넣어보자 png와 같은 그림이 아니라, svg와 같은 형태로 넘기게 될 경우, 해당 요소 내의 특정 부분에 마우스가 올라가거나 했을 때의 액션을 지정할 수 있습니다. png에 비해서 훨씬 강력한 기...
graphviz로 그림 그리기. 저는 보통 그냥 로 그림을 그리지만, 경우에 따라서는 로 그림을 그릴때도 있습니다. 여기서는, 로 그림을 그리고, 이를 버퍼에 저장해서 바로 웹으로 보내주는 것을 정리하였습니다. code 다음처럼 간단하게 파이썬 ...
svg를 png로 바꾸고 있습니다. graphviz를 사용할 때, svg, png, pdf 로 모두 저장할 수 있지만, png로 저장할 때 dpi가 매우 낮게 설정되는 일들이 발생합니다. 어떤 글에서는 를 사용해서 dpi를 graph의 attri...
우선, SVG가 뭔가요. 저는 파이썬으로 코딩하고, 그 결과를 마크다운으로 작성해서 블로그에 올립니다. 보통 파이썬으로 코딩한 결과는 로 저장하는데, 그때 확장자를 매번, 로 합니다. 왜냐면, 이렇게 해야 화질이 항상 높거든요 로 저장하는 것이 ...