JavaScript and Image-Filtering

JavaScript and Image-Filtering

The following short example shows how script tags can be applyed to images in order to create a simple image-filtering effect. In LiaScript, the script tag is a reimagined version of a JavaScript-component that has a lifetime, can be combined with input-tags and has an output as well. Additionally, scripts can be stiched together by an execution graph, which is defined by the output of the script-tags. The script is executed in the browser and can be used to manipulate the image in real-time.

For more information of how to use script-tags, visit the documentation:

JavaScript or JS-Components

Example

Related Posts

Images are handled differently

... a paragraph with a starting image will produce a floating environment, a paragraph with only images will produce a gallery, the image will be optimally sized & placed, and "titles" will be used as captions.

Read More

Importing a local WebCam-stream into a Presentation

How to use script-tags to create image-filtering effects in LiaScript.

Read More

How To Code in Python 3

DigitalOcean's How To Code in Python 3 tutorial series translated to LiaScript with interactive PyScript examples.

Read More