javascript - img.toDataURL() 不是函数

Question

你好，我正在制作一个协作白板。我想在画布上拖放图像。这些也应该对连接到服务器的其他客户端可见。

这是将其放入 toDataUrl() 的代码：

img = document.getElementById("gif")
              
var base64ImageData = img.toDataURL("image/png");
root.socket.emit("board-data", base64ImageData);      

这是可拖动图像的 html 代码：

<h4>Select picture!</h4>
{this.state.images.map(image => (
    <div className="dragImg">
        <img id="gif" classnName="img" src={image.image} width='200px' height='100px'/>
    </div>
))}
                        
<div id="dropHere">
    <canvas className="board" id="board" color={this.state.color} size={this.state.size}></canvas>
</div>

标签： javascriptdomcanvas