궁극적인목표는 원모양의 그라디언트를 도트로 찍을겁니다..(꼭 원모양이아니더라도 상관없습니다)

<img backgroundcolor=\"색상\" 온마우스오버=\"insertcolor()\" width 1px; height 1px;/>

대충적었습니다 틀리더라도 이해해주세요.

이런식으로 백그라운드에 색상을 주고 1px,1px 도트모양을 하나하나찍을거구요

마우스 오버나 클릭하면 선택한색상을 오른쪽 네모모양에다가 그 색상을 보여줄생각입니다.

 

네모모양으로 만들었을때 문제는 컬러분포도를 보면 흰색의공간이 남더라구요 (이미지첨부)

일반적인 컬러피커의 로직을 좀 알고싶습니다. (일단은 네모낳게 나오는것)

 

응용해서 원모양도 찍고싶구요..

2d- draw를 지원해주는 것을 쓰지않고 순수 자바스크립트만으로 만들고싶습니다

 

고수님들 견해 부탁드립니다.

 

-아참 교수님께물어보니 도트로찍었을시 성능이 떨어진다고하던데 어떤식으로하는게 효과적일까요..?

-인터넷에 본 예제 파일들은 그냥 그라디언트 이미지에서 마우스 xy좌표값을 가지고 계산해서

도출하더라고요..