HTML5 Canvas Distorted

Chandu yadav
Updated on 16-Dec-2021 12:28:24

697 Views

If the canvas looks distorted, then try to change the height and width −The default height and width of the canvas in HTML5 is of 2/1 ratio −width = 300 height = 150ExampleLet us see an example −                    #mycanvas{border:1px solid red;}                         Output

Draw Lines Using HTML5 Canvas

Samual Sam
Updated on 16-Dec-2021 12:24:21

720 Views

The HTML5 tag is used to draw graphics, animations, etc. using scripting. It is a new tag introduced in HTML5. Use the lineTo() method to draw lines using HTML5 canvas.You can try to run the following code to learn how to draw lines using HTML5 Canvas Example           HTML5 Canvas Tag                              var c = document.getElementById('newCanvas');          var ctx = c.getContext('2d');          // Drawing lines          ctx.beginPath();          ctx.moveTo(30, 30);          ctx.lineTo(180, 100);          ctx.moveTo(30, 10);          ctx.lineTo(260, 100);          ctx.stroke();           Output

Draw an Oval in HTML5 Canvas

Arjun Thakur
Updated on 16-Dec-2021 12:13:41

959 Views

You can try to run the following code to draw an oval in HTML5 canvas −Example                                  // canvas          var c = document.getElementById('newCanvas');          var context = c.getContext('2d');          var cX = 0;          var cY = 0;          var radius = 40;                    context.save();          context.translate(c.width / 2, c.height / 2);          context.scale(2, 1);          context.beginPath();          context.arc(cX, cY, radius, 0, 2 * Math.PI, false);          context.restore();          context.fillStyle = '#000000';          context.fill();          context.lineWidth = 2;          context.strokeStyle = 'yellow';          context.stroke();           Output

Stop Copy, Paste and Backspace in Text Widget in Tkinter

Dev Prakash Sharma
Updated on 16-Dec-2021 11:19:01

732 Views

The Text widget accepts multiline user input, where you can type text and perform operations like copying, pasting, and deleting. There are certain ways to disable the shortcuts for various operations on a Text widget.In order to disable copy, paste and backspace in a Text widget, you’ve to bind the event with an event handler and return break using lambda keyword in python. The following example demonstrates how it works.Example# Import the required library from tkinter import * # Create an instance of tkinter frame or widget win=Tk() win.geometry("700x350") # Create a text widget text=Text(win, font="Calibri, 14") text.pack(fill= ... Read More

Get Index of Selected Option in Tkinter Combobox

Dev Prakash Sharma
Updated on 16-Dec-2021 11:15:20

11K+ Views

If you want to create a dropdown list of items and enable the items of list to be selected by the user, then you can use the Combobox widget. The Combobox widget allows you to create a dropdown list in which the list of items can be selected instantly. However, if you want to get the index of selected items in the combobox widget, then you can use the get() method. The get() method returns an integer of the selected item known as the index of the item.ExampleLet’s take an example to see how it works. In this example, we ... Read More

Get Entry Box Within a MessageBox in Tkinter

Dev Prakash Sharma
Updated on 16-Dec-2021 11:08:22

8K+ Views

There are various methods and built-in functions available with the messagebox library in tkinter. Let's assume you want to display a messagebox and take some input from the user in an Entry widget. In this case, you can use the askstring library from simpledialog. The askstring library creates a window that takes two arguments, the title of the window, and the input title before the Entry widget. Let's take an example to understand how it works.Example# Import the required library from tkinter import * from tkinter.simpledialog import askstring from tkinter.messagebox import showinfo # Create an instance of tkinter frame ... Read More

Attach Vertical Scrollbar to Treeview Using Tkinter

Dev Prakash Sharma
Updated on 16-Dec-2021 11:05:44

4K+ Views

If you want to display a list of items that contains some columns in it, then you can use the Treeview widget in Tkinter. The Treeview widget allows the user to add a large number of lists along with the properties that can be customized instantly.If you want to attach a vertical scrollbar to the list of items in a Treeview widget, then you can define a constructor of Scrollbar and configure it by adding the command to it. Let’s take an example and see how it works.Example# Import the required libraries from tkinter import * from tkinter import ttk ... Read More

Disable Multiselection on Treeview in Tkinter

Dev Prakash Sharma
Updated on 16-Dec-2021 11:04:14

2K+ Views

The Treeview widget is used to display a list of items with more than one feature in the form of columns. By default, the listed items in a Treeview widget can be selected multiple times, however you can disable this feature by using selectmode="browse" in the Treeview widget constructor. The Treeview widget can be implemented by using the Treeview(root, column, **options) constructor.ExampleThe following example demonstrates how to disable multiselection in a Treeview widget.# Import the required libraries from tkinter import * from tkinter import ttk # Create an instance of tkinter frame win=Tk() # Set the size of ... Read More

Clear Text Field in TTK Combobox in Tkinter

Dev Prakash Sharma
Updated on 16-Dec-2021 11:00:13

5K+ Views

The Combobox widget is one of the versatile widgets in tkinter that is used to create a dropdown list containing some values in it. You can select a value from the dropdown list that gets replaced by the default value of the combobox widget. You can create a combobox widget by initializing the constructor of Combobox(root, width, text) widget.Consider the case, if the user wants to clear the selected value from the combobox widget, the only way you can do so is to set the value of the combobox widget as NULL by using the set (' ') method. The ... Read More

Call the Same Function on Button Click and Enter Key in Tkinter

Dev Prakash Sharma
Updated on 16-Dec-2021 10:58:25

882 Views

There are various built-in functions, widgets and methods available in the tkinter toolkit library which you can use to build robust and powerful desktop applications. The Button widget in tkinter helps users in creating buttons and performing different actions with the help of its functions. You can also bind the buttons to perform some specific events or callback by using the bind("button", callback) method.ExampleConsider the following example. to create a function that prints a message on the screen whenever the user presses the key. To bind the key with the function, you can use the bind("", callback) method.# ... Read More

Advertisements