How can i render HTML in Polyglot Notebooks + JS

[skorphil]

Hi, i want to output <canvas> in Polyglot Notebook. How can i achieve this?

[sanme98]

Hi, do you mean render the canvas HTML string from C# to output? If yes, you can use .DisplayAs("text/html");. E.g.

var html = $$"""
<canvas id="myCanvas" width="300" height="80" style="border:1px solid #0F0;"></canvas>
<script>
var canvas = document.getElementById('myCanvas');
var ctx = canvas.getContext('2d');
ctx.font = "bold 35px Arial";
ctx.fillStyle = "yellow";
ctx.fillText("Hello World!", 50, 50)
</script>
""";
html.DisplayAs("text/html");