konva Next.js + react-konva에서 Font Awesome을 이용한 메모 Font Awesome을 이용하여 아이콘을 표시했다. 적용되는 속성에 약간의 버릇이 있었기 때문에 메모. 이번에는 하트를 사용하고 싶었기 때문에 그쪽을 확인한다. 확인해야 스타일과 유니 코드. 같은 unicode f004 하지만, solid와 regular로 보이는 방법이 다르다. 다음은 Regular CDN에서 로드 우선 Font Awesome을 사용할 수 있도록 CDN에서로드하는 설정을 ... konvaReactFontAwesome konva.js로 지도 그리기 (2) 이후 다음은 konva의 각종 도형을 사용하여 간단한 지도를 그린다 그림과 도형을 조합하다 sample.js 생성된 요소를 그룹에 추가 line 객체를 사용하여 그리기 라인은 [x0, y0, x1, y1, x2, y2...]사용자 정의 모양새 정의 convas의 좌표는 왼쪽 위쪽 (0,0) 오른쪽 아래쪽 (200200) (예를 들어 canvas의 사이즈가 200px일 때) 그래서 왼쪽 위를 ... konvaJavaScript
Next.js + react-konva에서 Font Awesome을 이용한 메모 Font Awesome을 이용하여 아이콘을 표시했다. 적용되는 속성에 약간의 버릇이 있었기 때문에 메모. 이번에는 하트를 사용하고 싶었기 때문에 그쪽을 확인한다. 확인해야 스타일과 유니 코드. 같은 unicode f004 하지만, solid와 regular로 보이는 방법이 다르다. 다음은 Regular CDN에서 로드 우선 Font Awesome을 사용할 수 있도록 CDN에서로드하는 설정을 ... konvaReactFontAwesome konva.js로 지도 그리기 (2) 이후 다음은 konva의 각종 도형을 사용하여 간단한 지도를 그린다 그림과 도형을 조합하다 sample.js 생성된 요소를 그룹에 추가 line 객체를 사용하여 그리기 라인은 [x0, y0, x1, y1, x2, y2...]사용자 정의 모양새 정의 convas의 좌표는 왼쪽 위쪽 (0,0) 오른쪽 아래쪽 (200200) (예를 들어 canvas의 사이즈가 200px일 때) 그래서 왼쪽 위를 ... konvaJavaScript