当图案不重复时，如何用背景颜色填充画布

Question

这就是我所做的

我需要这样的画布

Answer 1

如何使用画布！

你提供的两张图片充满了各种可能性，但我无法猜出你脑子里有哪种可能性。

回答如何问题？

你从画布开始

var canvas = document.createElement("canvas");

然后通过调用CanvasRenderingContext2D

获取上下文getContext

var ctx = canvas.getContext("2d");

我称之为ctx。它提供了一套很好的绘图功能和属性，可以帮助您找到想象中的图片。

您可以了解如何在MDN上使用API​​。它提供了很好的技术参考和许多简单示例，可以帮助您学习如何完成画布的所有操作。

开始MDN learn how to use the canvas

的好地方

花点时间研究2D上下文所获得的各种属性和方法。试试看，看看你是如何进步的。

如果您对2D API的某些部分有疑问，请回到SO并寻求其他帮助。

目前没有关于您的问题的额外信息，没有人可以做很多答案。