Top-rated recipes tagged "canvas"

Python Tkinter Canvas Rectangle Selection Box (Python)

2010-10-01T02:17:50-07:00

Python recipe 577409 by Sunjay Varma (canvas, rectangle, selection, tkinter).

A simple, yet effective rectangle selection box. :)

Works with a tkinter canvas! Just add the class and set it up like in the example code. The cross heir was my own touch, the RectTracker only draws a box.

Have fun! And please don't just vote down, post what you don't like if you don't like it.

Interactive Mandelbrot Fractal Using HTML5 Canvas (JavaScript)

2017-06-06T03:48:09-07:00

JavaScript recipe 580804 by FB36 (canvas, fractal, graphics, math).

Interactive Mandelbrot Fractal Using HTML5 Canvas.

(Download and save as html file and open it.)

(Tested only using Firefox browser.)

Metro Spinner for Tkinter (Python)

2017-04-10T21:14:36-07:00

Python recipe 580777 by Miguel Martínez López (canvas, image, pil, rotation, spinner, tkinter).

I create a rotating image class RotatingIcon inspired and based on this code:

http://stackoverflow.com/questions/15736530/python-tkinter-rotate-image-animation

Features:

Methods to stop and start the animation
The animation automically stops when the window is not mapped, and the animation continues when the window is mapped again
Time setting to control the speed of the animation
All the formats accepted for PIL could be used. XBM format is automatically converted to Tk Bitmap. The advantage of Bitmats is the possibility to change the color of the foreground.

I added 6 different styles of spinners with different sizes.

I used fontawesome.io for the icon generation.

For more metro widgets see here:

https://code.activestate.com/recipes/580729-metro-ui-tkinter/

Tkinter frame with gradient (Python)

2017-03-11T03:43:56-08:00

Python recipe 580761 by Miguel Martínez López (canvas, frame, gradient, tkinter). Revision 4.

Frame with linear gradient using PIL.

It's also possible to make the same trick using tkinter PhotoImage.

http://stackoverflow.com/questions/10417524/why-is-photoimage-put-slow

But PIL is more efficient:

https://groups.google.com/forum/#!topic/comp.lang.python/nQ6YO-dTz10

Possible values for orient are: VERTICAL, HORIZONTAL. If orient is "vertical", then width is mandatory. If orient is "horizontal", then height is mandatory. If steps is None, then the gradient is composed of adjacent lines.

One possible practical application of gradient frames are tool bars. Gradient guives a visual clue of when an area starts and when an area finish.

Canvas: static forms (JavaScript)

2013-08-08T13:34:41-07:00

JavaScript recipe 578626 by greg zakharov (canvas). Revision 2.

Drawing static forms with canvas.