根据表单上的答案着色图像

Question

我在表单末尾有一张图片需要根据用户提供的答案进行着色。

喜欢：有一颗恒星，它取决于用户对第一个问题的回答，它会为恒星的中间部分着色。

我正在使用PHP。

有什么想法吗？

Answer 1

不需要使用PHP来生成图像。您可以使用HTML和CSS执行此操作，并将值传递给JS函数以屏蔽星形的百分比。 jsfiddle demo

<div id="content">
   <div id="star"></div>
   <div id="mask"></div>
</div>

Answer 2

如果你真的想这样做，请使用http://www.php.net/manual/en/book.image.php 您可以使用此库绘制很多内容并获得广泛支持！

但如果可能的话，请去找Leo的答案。

Answer 3

作为comment到@Ehsan，您需要这样的图片：

在这种情况下，您可以使用CANVAS或SVG代替使用PHP（第一个选项更好，因为可以使用<canvas>.toDataURL()将其导出到图像。）

作为CANVAS和SVG，从一开始就有点复杂，建议学习其中一个的基础知识（为了理解，必须学习一天）。

我个人推荐使用以下因素的画布：

• 您可以导出到图片
• 轻松与javascript集成
• 支持“2d”和“3d”。
• 开发商没有什么动力

开始开发“画布”的一个很好的工具是Kinetic.js

教程Kinetic.js：

http://www.html5canvastutorials.com/kineticjs/html5-canvas-events-tutorials-introduction-with-kineticjs/

教程html5rocks：

http://www.html5rocks.com/en/search?q=canvas

替代

无需坚持Kinetic.js，有很多选择：

• http://raphaeljs.com/
• http://ocanvas.org/
• http://processingjs.org/
• http://sigmajs.org/
• http://www.createjs.com/#!/EaselJS
• http://threejs.org/