Table of Contents

Using Rendering Canvas By Hi.Webapi

Hi.Webapi git repo:

The Rendering Canvas implementation is located on the Hi.Webapi project (SeeHiAPI Overview to get git repository):

  • wwwroot/disp/rendering-canvas.js
    • Pure js implementation.
  • wwwroot/disp/rendering-canvas-vue.js
    • vue implementation.
  • wwwroot/disp/rendering-canvas.css

Usage Demonstration by Hi.Sample.Webapi Project

The usage is illustrated by the sample code in Hi.Sample.Webapi project (SeeHiAPI Overview to get git repository).

The project applies Hi.Webapi nuget package (SeeHiAPI Overview to get git repository).

Following pathes are based on the Hi.Sample.Webapi project.

  • A sample GUI to controll the rendering view
    • wwwroot/disp/rendering-canvas-view-dropdown.js
  • Set Rendering Content (IDisplayee) to the Rendering Canvas
    • Controllers/RenderingController.cs

Component Usage

  • wwwroot/demo.html
    • apply rendering-canvas.js from Hi.Webapi package.
  • wwwroot/demo-vue.html
    • apply rendering-canvas-vue.js from Hi.Webapi package.
  • wwwroot/demo-plain-inline.html
    • Hard code implementation without re-using js file.