绘制到背景

Question

我正在创建一个网站，让用户使用他选择的颜色绘制背景。我还想让用户使用六角颜色选择器工具更改背景颜色。

后者很简单，但我怎样才能让用户绘制背景？是否可以使用画布作为背景？

我应该创建整个小背景的整个背景，我会在用户绘图时改变颜色吗？

Answer 1

最好的方法是使用<canvas>。

Here您可以找到有关如何使用HTML5 Canvas创建绘图应用程序的深入教程。祝你好运。

Answer 2

确实，最好的方法是创建一个画布作为背景。根据您对IE的支持（如果您需要IE8-），请使用excanvas。

1. 创建一个画布并使用CSS定位它（或在其上放置内容，无论如何）
2. 绑定颜色选择器并相应地更新画布（使用clearRect，然后使用您选择的颜色填充新矩形）
3. 你已经完成了！

您需要检查：                   var c = document.getElementById（＆＃34; myCanvas＆＃34;）;         var ctx = c.getContext（＆＃34; 2d＆＃34;）;         var canvasWidth = 100; //到这里来         var canvasHeight = 100; //到这里来         ctx.rect（0,0，canvasWidth，canvasHeight）;         ctx.fillStyle =＆＃34; YOURCOLOR＆＃34 ;;         ctx.fill（）;     

如果您没有应对，请不要忘记为响应部分更新画布的尺寸！

如果用户更新颜色，请使用以下方法清除矩形：

ctx.clearRect()

然后，再次设置新颜色。