2009-12-04 31 views
8

Tôi đang tìm một số loại plugin jquery (hoặc thậm chí là javascript đơn giản) có thể được sử dụng để tạo bố cục báo cáo, bố cục thẻ kinh doanh, v.v. Không tìm thấy gì sau khi có nhiều googling.jQuery plugin để thiết kế bố cục báo cáo

Về cơ bản, tôi đang hình dung một canvas (có thể là canvas html5?) Hiển thị lưới nền. Ở mức tối thiểu, văn bản và hình ảnh có thể được thêm vào canvas. Tốt hơn là chúng có thể được kéo và thả.

Tôi sẽ hài lòng với bất kỳ điều gì có bất kỳ tính năng nào ở bất kỳ đâu từ xa như thế này. Tôi hy vọng phải tự viết nó. Nhưng nếu có điều gì đó ở ngoài kia, tôi muốn xem nó trước.

Chỉ để giúp làm rõ những gì tôi đang tìm kiếm, hãy tưởng tượng mã jquery cho phép bạn bố trí danh thiếp trong trình duyệt web mà không cần sử dụng flash. Điều này sẽ bao gồm thêm văn bản, thay đổi phông chữ, thêm hình ảnh, thêm dòng, thay đổi màu nền, áp dụng gradient, v.v.

Tôi hy vọng ai đó biết điều gì đó sẽ hữu ích!

Trả lời

2

Tôi không chắc chắn cho plugin sẵn sàng để yêu cầu của bạn, nhưng với Raphaël—JavaScript Library bạn có thể làm tất cả nêu trên,

+0

Wow! Raphael có thể làm một số thứ tuyệt vời, tôi rất ấn tượng. Nó quá tệ, nó sử dụng SVG thay vì HTML5 Canvas, vì có vẻ như xu hướng là chuyển sang canvas. Nhưng có lẽ đó không phải là một điều xấu. Tôi chắc chắn sẽ xem xét tùy chọn này. – Tauren

+0

Dù sao, nó hỗ trợ IE6. – Coyod

+0

Trong số tất cả các đề xuất, tôi ấn tượng nhất với Raphael, vì vậy tôi chọn đây là câu trả lời. Mặc dù tôi có thể sẽ không sử dụng Raphael cho trình tạo báo cáo của mình và sẽ chỉ sử dụng jquery-ui kéo, thả, thay đổi kích thước, v.v. Tuy nhiên, tôi chắc chắn sẽ cân nhắc sử dụng Raphael để cải thiện sau này hoặc cho các yêu cầu khác. – Tauren

1

280 Slides thực hiện một số nội dung không giống như vậy, sử dụng Cappuccino framework. Bạn không chắc chắn bao nhiêu công việc có để đi từ khung cơ bản đến những gì bạn muốn, tuy nhiên.

+0

Cảm ơn! Cappuccino trông rất thú vị và mạnh mẽ, và các nhà thiết kế floorplan là đúng dọc theo dòng của những gì tôi cần. Tôi rất vui vì bạn đã chỉ ra, vì tôi đã không nhận thức được nó. Nhưng tôi đã rất nhiều vào dự án của mình và đang sử dụng rất nhiều jquery. Nó có thể sẽ dễ dàng hơn để chỉ bắt đầu từ đầu với jquery-ui draggables hơn là học một ngôn ngữ và khuôn khổ mới. – Tauren

0

Các 'layout' plugin cho jquery (http://layout.jquery-dev.net) cho phép bạn tạo bố cục và kết hợp rằng với chức năng của jquery droppable (như của họ demo indicates) có thể giúp bạn gần gũi với những gì bạn muốn, nhưng nó sử dụng HTML, không phải canvas. Trên một mặt lưu ý, tôi không biết bất kỳ plugin jquery nào sử dụng canvas, đặc biệt là vì jquery tập trung chủ yếu vào html, và canvas gần như hoàn toàn là javascript điều khiển (từ những gì tôi hiểu).

+0

Cảm ơn bạn. Tôi đã chơi với các bản trình diễn Bố cục trước đây và dự định sử dụng thành phần này cho các mục đích khác. Tôi cho rằng Bố cục có thể hoạt động để phân đoạn báo cáo thành 9 vùng và sau đó sắp xếp nội dung vào chúng. Nhưng khi tôi nói "lưới", tôi không nghĩ đến chỉ là một lưới 3x3, nhưng giống như một phiên bản Illustrator rất đơn giản. Dù sao, tôi đánh giá cao đề nghị. – Tauren

+0

Tôi hiểu. Hmmm ... điều này có thể hữu ích hơn một chút: http://editor.pixastic.com/ – btelles

+0

Vâng, pixastic khá thú vị. Tôi sẽ xem xét kỹ hơn. Cảm ơn. – Tauren

Các vấn đề liên quan