时间戳

首页 > 解决方案 > 是否可以使用 react-canvas-draw 设置背景图像？

reactjs - 是否可以使用 react-canvas-draw 设置背景图像？

问题描述

我想在我的画布上实现一个背景图像并在其上绘制。我正在使用 react.js 和包 react-canvas-draw。

标签： reactjscanvas

解决方案

您必须保存对CanvasDraw元素的引用：

<CanvasDraw
  ref={canvasDraw => (this.canvas = canvasDraw)}
/>

然后，在代码中的某处使用该引用绘制图像：

this.canvas.ctx.drawImage(image, 0, 0)

请注意，这ctx不是 public api，所以它是hack-ish。 drawImage是CanvasRenderingContext2D的标准方法：https ://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/drawImage

推荐阅读