2009-12-04 4 views
8

보고서 레이아웃, 명함 레이아웃 등을 만드는 데 사용할 수있는 jquery 플러그인 (또는 일반 자바 스크립트)을 찾고 있습니다. 인터넷 검색을 많이 한 후에 아무것도 찾지 못했습니다.보고서 레이아웃을 디자인하기위한 jQuery 플러그인

기본적으로 배경 격자를 보여주는 캔버스 (가능하면 html5 캔버스?)를 구상 중입니다. 최소한 텍스트와 이미지를 캔버스에 추가 할 수 있습니다. 바람직하게는 드래그 앤 드롭이 가능합니다.

나는 원격으로 이런 식으로 어떤 기능을 가지고 있어도 만족합니다. 나는 그것을 직접 작성해야 할 것으로 예상한다. 하지만 이미 뭔가가 있다면 먼저보고 싶습니다.

플래시를 사용하지 않고 웹 브라우저에서 명함을 레이아웃 할 수있게 해주는 jquery 코드를 상상해보십시오. 여기에는 텍스트 추가, 글꼴 변경, 이미지 추가, 줄 추가, 배경색 변경, 그라데이션 적용 등이 포함됩니다.

누군가가 도움이 될만한 정보를 얻길 바랍니다.

답변

2

나는 귀하의 요구 사항에 대한 준비가 플러그인에 대한 모르겠지만, Raphaël—JavaScript Library 당신은

+0

와우! 라파엘은 멋진 일을 할 수있어 감명 받았다. HTML5 Canvas 대신 SVG를 사용하는 것이 너무 나쁘다. 추세는 캔버스로 이동하는 것 같다. 하지만 그렇게 나쁜 것은 아닙니다. 나는이 옵션을 확실히 고려할 것이다. – Tauren

+0

어쨌든 IE6을 지원합니다. – Coyod

+0

모든 제안에서 나는 Raphael에 가장 감동했습니다. 그래서 이것을 답으로 선택하겠습니다. 아마도 라파엘을 내 보고서 작성자로 사용하지는 않겠지 만 jquery-ui 드래그, 드롭, 크기 조정 등을 사용할 것입니다.하지만 Raphael을 사용하여 나중에 또는 다른 요구 사항을 향상시키는 것이 좋습니다. – Tauren

1

280 SlidesCappuccino framework을 사용하여 약간의 것들이 다릅니다. 그러나 기본 프레임 워크에서 원하는대로 작업하는 것이 얼마나 많은지 잘 모릅니다.

+0

고마워요! 카푸치노는 매우 흥미롭고 강력 해 보이며 플로어 플랜 디자이너는 내가 원하는 바를 따라 있습니다. 나는 당신이 그것을 지적했기 때문에 당신이 그것을 지적했기 때문에 기쁘다. 하지만 이미 내 프로젝트에 많이 의존하고 있으며 jquery를 많이 사용하고 있습니다. 새 언어와 프레임 워크를 배우는 것보다 jquery-ui draggables로 처음부터 시작하는 것이 더 쉬울 것입니다. – Tauren

0

JQuery와의 'layout'플러그인 (http://layout.jquery-dev.net)를 사용하면 레이아웃을 만들 수 있습니다, 그리고 결합, 무엇보다도 상장 할 수 jquery의 기능이 떨어지면 (demo indicates처럼) 원하는대로 가깝지만 캔버스가 아닌 HTML이 사용됩니다.

참고로 jquery는 주로 HTML에 초점을 맞추기 때문에 캔버스를 사용하는 jquery 플러그인에 대해서는 잘 모르겠다. 캔버스는 거의 자바 스크립트로 구동된다.

+0

Thanks. 이전에 레이아웃 데모를 사용 해본 결과이 구성 요소를 다른 용도로 사용할 계획입니다. 레이아웃을 사용하여 보고서를 9 개의 영역으로 나누어 내용을 쌓을 수 있다고 가정합니다. 그러나 "격자"라고 말하면 3x3 격자 만 생각하지는 않지만 Illustrator의 매우 단순한 버전과 같습니다. 어쨌든, 나는 그 제안에 감사드립니다. – Tauren

+0

알겠습니다. 흠 ... 이것은 조금 더 도움이 될 수 있습니다 : http://editor.pixastic.com/ – btelles

+0

예, pixastic 꽤 흥미 롭습니다. 좀 더 자세히 살펴 보겠습니다. 감사. – Tauren