javascript - 找不到在 div 中创建的 Canvas 元素

Question

我正在尝试创建一个不在 UI 上显示的 Canvas 元素并向其绘制 GoJS 数据

    const divElement: HTMLDivElement = document.createElement('div')
    divElement.id='pngCanvas';
    divElement.style.height='1000px';
    divElement.style.width='1000px';
    const floorNameData=JSON.parse(localStorage.getItem('floorNameArray'))
    const selectedFloor = floorNameData.find((item, index) => {
        return item.selected === true;
    });
    const mappedModelData=JSON.parse(localStorage.getItem('floorArray'))[selectedFloor.floorId]
    const fpInstance: Floorplan = new Floorplan(divElement);
    var virtualCanvas = document.querySelector('canvas');
    debugger
    fpInstance.model = go.Model.fromJson(mappedModelData);

GoJS 绘制一个 Canvas 元素到指定的 div， 我将 Canvas 视为 div 元素的 innerHTML。 如何检索 Canvas 元素和样式，以便我可以转换为 png 而无需在浏览器中显示。

Answer 1

他的问题是 div 不在文档中，因此 document.querySelector('canvas') 将返回任何内容，因为它在文档中查找。

改变

var virtualCanvas = document.querySelector('canvas');

到

var virtualCanvas = divElement.querySelector('canvas');