사용자가 텍스트 위에 반투명 기본 모양 (직사각형, 원)을 그릴 수 있도록하고 싶습니다. 기본 아이디어는지도를 아래에 배치하고 사용자가 특정 지역을 표시 할 수있게하는 것입니다. 웹 개발을 한 지 얼마되지 않아 오랜 시간이 걸렸습니다. 어떤 접근 방식이 가장 좋을지는 확실하지 않습니다. 오래된 브라우저에서도 작동합니다.사용자가 이미지 위에 모양을 그립니다.
도움이 될 것입니다.
먼저 오래된 브라우저는 잊어 버리십시오. 결국 2012입니다. "border-radius"와 같은 CSS 속성이 없으면 원을 그릴 수 없습니다.
둘째, 상관없이 "그림"을 수행하려면 자바 스크립트를 사용해야합니다. jQuery + jQuery UI를 사용하면 큰 도움이됩니다.
텍스트를 도형에 삽입하는 또 다른 방법이 있지만 심각한 개발 노력이 필요할 것입니다.
이제 모양을 만드는 방법. 당신은 클릭해야하고 있습니다
있는 상자를 만들 것입니다 방법의 몇 가지 있습니다.
저장된 모양을 렌더링하는 것은 상당히 다른 일이며 문제가되지 않아야한다고 생각합니다. 그냥 DB에서 데이터를 가져오고 그것의 속성을 기반으로 모양을 렌더링합니다.
"오래된 브라우저는 잊어 버리세요."라는 말은 집에서 개인 프로젝트를 코딩 할 때 좋지만, 종종 돈을 지불하는 클라이언트에게는 받아 들일 수없는 경우가 있습니다. –
자바 스크립트를 사용하는 것은 꽤 괜찮습니다. 다른 옵션도 있는지 확실하지 않았습니다. javascript 및 jquery에 태그를 추가했습니다. 드로잉 서클은 약간 선택 사항이지만 이전 브라우저에 대한 귀하의 요점을 보았습니다. 실제 드로잉이 작동하지 않을지라도 구형 브라우저 에서조차 최소한 디스플레이하는 것은 매우 중요합니다. 모든 정보를 제공해 주셔서 감사합니다! – Kemu79
@Grim ...이 경우 이전 브라우저에서 불가능했던 것을 고객에게 설명해야합니다. ----- Kemu79로 표시하면 문제가되지 않습니다. 모양을 완성한 후에는 속성을 DB에 저장해야 PHP 또는 다른 언어로 멋진 모양을 그릴 수 있습니다. 새로운 브라우저에 의존하는 드로잉 프로세스입니다. –
html5가 아닌 브라우저에서 작동 시키려면 확실히 일부 스크립트 언어 (javascript, flash, ...)가 필요합니다. –
플래시도 내가 머물고 싶습니다. 어떤 좋은 자바 스크립트 라이브러리를 사용할 수 있습니까? jquery에 대한 검색을 시도했지만 실제로 유용한 것은 찾지 못했습니다. – Kemu79
당신이 가지고있는 것, 당신이 필요로하는 것, 지금까지 시도한 것을 묘사 할 수 있다면 (당신의 아이디어를 그릴 수있는 기회)? –