使用HTML 5和Canvas构建图像编辑器 [英] Building an Image Editor with HTML 5 and Canvas

问题描述

我想构建一个类似于 http://www.getuncommon.com 的产品定制程序.但是，我将使用HTML5画布和Javascript来代替Flash.

有没有一个我可以用来创建和实现与Uncommon类似的编辑器/产品定制程序的库?

我确实看过jQuery UI，但它似乎更着重于界面，而不是创建自己的编辑器.

解决方案

我前一段时间做过类似的事情.

我使用了JQuery和 Raphael JS . Raphael在Internet Explorer中使用VML，在其他浏览器中使用SVG和Canvas，使其成为跨浏览器非常好的兼容选项.

可以在此处找到有关使用Raphael的项目的良好演示... >

我使用了此演示中的许多代码来开发自己的工具.

希望有帮助.

I wanted to build a product customizer similar to http://www.getuncommon.com. But instead of Flash, I will utilize HTML5 canvas and Javascript.

Is there a library which I can use to create and achieve similar editor/product customizer as Uncommon?

I did look at jQuery UI but it is seem more focused on interface than creating my own editor.

解决方案

I did something similar to this a while ago.

I used JQuery and Raphael JS. Raphael uses VML in Internet Explorer and SVG and Canvas in other browsers making it a very good cross-browser compatible option.

A good demo of a project using Raphael can be found here.

I used a lot of code from this demo to develop my own tool.

Hope that helps.

这篇关于使用HTML 5和Canvas构建图像编辑器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！