How do I display the image

Site Feedback
1

Here’s my code. It just shows a 500 by 500 element in black

<style>
.cornerstone-element {
  width: 512px;
  height: 512px;
  margin: 0 auto;
}
</style>
<template>
  <div>
    <div id="content" class="content">
    </div>
<!--    <NuxtRouteAnnouncer/>-->
<!--    <NuxtWelcome/>-->
  </div>
</template>

<script lang="ts">
import {RenderingEngine, init} from "@cornerstonejs/core";
import {ViewportType} from "@cornerstonejs/core/src/enums/index";

init().then(() => {
  /*获取根元素*/
  const content = document.getElementById('content');
  /*在根元素上创建显示元素*/
  const element = document.createElement('div');
  element.style.width = '500px';
  element.style.height = '500px';
  /*给元素添加节点*/
  content.appendChild(element);

  const renderingEngineId = 'myRenderingEngine';
  const viewportId = 'CT_AXIAL_STACK';
  const renderingEngine = new RenderingEngine(renderingEngineId);

  const viewportInput = {
    viewportId,
    element,
    type: ViewportType.STACK,
  };
  renderingEngine.enableElement(viewportInput);

  const viewport = renderingEngine.getViewport(viewportInput.viewportId);

  // viewport.setDataIds(['wadors:\\public\\202001110048'])
  /*这个是本地获取*/
  viewport.setDataIds(['wadors:F:\\gms\\dcm\\202001110048'])
  // viewport.setDataIds(['wadouri:F:\\gms\\dcm\\202001110048.dcm'])
  /*这个是请求获取*/
  // viewport.setDataIds(['wadouri:http://192.168.110.49:8090/manager/static/dicom/202001110048'])
  // viewport.setDataIds(['exanple:F:\\gms\\dcm\\202001110048.dcm'])
  // viewport.setStack(imageIds, 60);

  viewport.render();
}).catch(() => console.log("初始化失败了"))
</script>
2

You can follow our tutorials here Introduction | Cornerstone.js