Skip to content

Canvas

Summary

Defines an area to position child elements by coordinates relative to the Canvas area.

Signature

public class Canvas : Panel

Namespace

cAlgo.API

Examples

Example 1 (C#)Example 2 (PYTHON)

 using cAlgo.API;
 namespace cAlgo
 {
     // This sample indicator shows how to use the Canvas panel
     [Indicator(IsOverlay = true, TimeZone = TimeZones.UTC, AccessRights = AccessRights.None)]
     public class CanvasSample : Indicator
     {
         protected override void Initialize()
         {
             var canvas = new Canvas
             {
                 HorizontalAlignment = HorizontalAlignment.Center,
                 VerticalAlignment = VerticalAlignment.Center,
                 Width = 300,
                 Height = 200,
                 BackgroundColor = Color.Red,
                 Opacity = 0.5
             };
             canvas.AddChild(new Button
             {
                 Top = 20,
                 Left = 80,
                 Margin = 5,
                 Text = "Button Inside Canvas"
             });
             canvas.AddChild(new Image
             {
                 Source = Properties.Resources.stock,
                 Margin = 5,
                 Width = 128,
                 Height = 128,
                 Top = 45,
                 Left = 80
             });
             Chart.AddControl(canvas);
         }
         public override void Calculate(int index)
         {
         }
     }
 }

 import clr
 clr.AddReference("cAlgo.API")
 from cAlgo.API import *
 class Test():
     SVG = "<svg width='800px' height='800px' viewBox='0 0 1024 1024' class='icon'  version='1.1' xmlns='http://www.w3.org/2000/svg'><path d='M512 960c-92.8 0-160-200-160-448S419.2 64 512 64s160 200 160 448-67.2 448-160 448z m0-32c65.6 0 128-185.6 128-416S577.6 96 512 96s-128 185.6-128 416 62.4 416 128 416z' fill='#050D42' /><path d='M124.8 736c-48-80 92.8-238.4 307.2-363.2S852.8 208 899.2 288 806.4 526.4 592 651.2 171.2 816 124.8 736z m27.2-16c33.6 57.6 225.6 17.6 424-97.6S905.6 361.6 872 304 646.4 286.4 448 401.6 118.4 662.4 152 720z' fill='#050D42' /><path d='M899.2 736c-46.4 80-254.4 38.4-467.2-84.8S76.8 368 124.8 288s254.4-38.4 467.2 84.8S947.2 656 899.2 736z m-27.2-16c33.6-57.6-97.6-203.2-296-318.4S184 246.4 152 304 249.6 507.2 448 622.4s392 155.2 424 97.6z' fill='#050D42' /><path d='M512 592c-44.8 0-80-35.2-80-80s35.2-80 80-80 80 35.2 80 80-35.2 80-80 80zM272 312c-27.2 0-48-20.8-48-48s20.8-48 48-48 48 20.8 48 48-20.8 48-48 48zM416 880c-27.2 0-48-20.8-48-48s20.8-48 48-48 48 20.8 48 48-20.8 48-48 48z m448-432c-27.2 0-48-20.8-48-48s20.8-48 48-48 48 20.8 48 48-20.8 48-48 48z' fill='#2F4BFF' /></svg>"
     def initialize(self):
         canvas = Canvas()
         canvas.HorizontalAlignment = HorizontalAlignment.Center
         canvas.VerticalAlignment = VerticalAlignment.Center
         canvas.Width = 300
         canvas.Height = 200
         canvas.BackgroundColor = Color.Red
         canvas.Opacity = 0.5
         button = Button()
         button.Top = 20
         button.Left = 80
         button.Margin = Thickness(5)
         button.Text = "Button Inside Canvas"
         canvas.AddChild(button)
         image = Image()
         image.Margin = Thickness(5)
         image.Width = 128
         image.Height = 128
         image.Top = 45
         image.Left = 80
         image.Source = SvgIcon(self.SVG)
         canvas.AddChild(image)
         api.Chart.AddControl(canvas)

Controls