【问题标题】:Javascript Canvas SelectorJavascript 画布选择器
【发布时间】:2012-08-13 23:04:53
【问题描述】:

我不确定这在 Javascript 中是否可行,但我很确定它会。

我有一个在线销售帆布印刷品的客户。他们需要一种解决方案,使客户能够首先选择图像,然后选择颜色,然后选择尺寸,并让它们全部显示在同一页面上的“模拟”画布上。

这将进行到贝宝购物车结账。

有没有人知道这样做的方法,或者可以指出我可以浏览的网站的方向?

谢谢! 乔娜

【问题讨论】:

  • 这可以通过<canvas> 元素实现,您可以在该元素上动态绘制。但是,请向我们展示您已有的网站代码。
  • 我暂时没有代码,从零开始,对JS了解不多!我还不能发布图片,否则我会展示给你看。
  • 其实我刚刚把图片上传到 TinyPic - 你可以在这里查看我的意思的布局 - tinypic.com/r/148pvkx/6
  • 先从 HTML/PHP + CSS 开始。有了工作站点后,学习JS和improve some features to be more dynamic
  • 谢谢,我确实有 HTML 和 CSS,这个功能是网站的最后一部分。我的意思是,我没有任何用于启动该功能的代码。我什至不知道从哪里开始。如果您知道任何涵盖此主题的网站,我将不胜感激。

标签: javascript canvas


【解决方案1】:

这几乎正是 Fabric.js 作为 JavaScript 画布库的最初用途(嗯,用于衬衫):http://fabricjs.com

还有许多其他库可以做类似的事情,但最重要的是这是很有可能的。看看 Fabric.js、Kinetic.js、easel.js,开始学习吧!

【讨论】:

  • 这看起来很有用!我去看看,非常感谢西蒙!
  • 您好 Simon 感谢您的帖子,我查看了建议,它们看起来很棒,但对于我的需要来说过于复杂。我想我可能让情况有些混乱,对不起!当我说画布时,我指的是实际的画布,打印出来挂在墙上,而不是 HTML5 画布。我需要做的就是选择动物和颜色,然后将这些选择显示在颜色下方的框上,并在其下方显示这些选择的名称。那有意义吗?对困惑感到抱歉!帮助仍然非常感谢! :)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2012-02-02
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多