Engineer of NiagaraFramework

파워포인트 템플릿을 찾다 좋은곳을 찾아 정리해본다.  https://slidesgo.com/theme/tech-startup#variant-0

개요 Niagara에서 javaScript를 이용하여 chart등을 구현하기위한 방법에 대한 기술 Contents 1.비트맵과 벡터 방식   kitPxGraphics 모듈과  kitN4svg모듈의 가장큰 차이는 이미지형식의 차이다. kitPxGraphics : 비트맵 이미지  * 비트맵 이미지란? - 픽셀로 표현하여 이미지를 표현하여  다양한 색상을 가진 이미지를 만들 수 있으며 픽셀수를 증가시키면 좀더 정교한 표현을 할수 있다. 대신 이미지를 확대하고 축소할때 깨짐현상과 이미지 품질이 저하된다.   kitN4svg : 벡터 이미지  * 벡터이미지란? - 점과 점을 연결함으로써 수학적 함수관계에 의해 이미지를 표현하여 확대 축소해도 해상도에 영향을 받지 않는다. 또한 용량이 많이 늘어나지 않는다 대신 사진이나 정교한 이미지 표현에는 한계를 가지고 있다. 나이아가라 화면상에서 확인해보자                        (그림1- kitPxGraphics 밸브)                   (그림2-kitN4svg 밸브)  나이아가라에서 각 모듈이 제공하는 밸브 이미지를 470x470 크기로 px화면에 구현한 그림이다. (그림1)의 경우는 크기를 키운탓에 이미지 픽셀이 부분부분 깨진것을 확일할 수있다 하지만 (그림2)와 비교할때 색깔 및 이미지의 정교함이 더 높다. (그림2)의 경우는 크기를 키워도 이미지가 깨진부분이 없지만 매우 단순하게 표현되어있다.     2.제공하는 이미지 kitPxGraphics : 23개 장비  kitN4svg : 25개 장비  각 모듈이 제공하는 장비 이미지다 폴...