{{ store.width }} x {{ store.height }}

PNG Image

{{ item.title }}

{{ definition.value }}

For loading images, you can load image content at a position.

let fp = "../images/mail.png"
const image = new ImageLoader(fp)

The ImageLoader class offsets the download and storage of image data. It also has a Point, used for position, scale, and rotation of the image

let imagePoint = this.image.position
imagePoint.rotation += 1
// wraps the image.
imagePoint.pen.circle(ctx)

// Draw the image data.
// respecting the point positon
image.draw(ctx)
Meta Data
title PNG Image
imports ()
files ('../point_src/math.js', '../point_src/core/head.js', '../point_src/pointpen.js', '../point_src/pointdraw.js', '../point_src/point-content.js', '../point_src/pointlist.js', '../point_src/point.js', '../point_src/events.js', '../point_src/automouse.js', '../point_src/stage.js', '../point_src/extras.js', '../point_src/random.js', '../point_src/distances.js', '../point_src/functions/clamp.js', '../point_src/dragging.js', '../point_src/image.js')
unused_keys ()
unknown_keys ('categories',)
categories ['images', 'svg']
filepath_exists True
path image-data
filepath image-data.js
clean_files ('../point_src/math.js', '../point_src/core/head.js', '../point_src/pointpen.js', '../point_src/pointdraw.js', '../point_src/compass.js', '../point_src/center.js', '../point_src/point-content.js', '../point_src/pointlistdraw.js', '../point_src/pointlistgradient.js', '../point_src/pointlistshape.js', '../point_src/pointlistgenerator.js', '../point_src/unpack.js', '../point_src/pointlist.js', '../point_src/relative-xy.js', '../point_src/pointcast.js', '../point_src/point.js', '../point_src/events.js', '../point_src/automouse.js', '../point_src/stage-resize.js', '../point_src/functions/resolve.js', '../point_src/stage.js', '../point_src/extras.js', '../point_src/random.js', '../point_src/distances.js', '../point_src/functions/clamp.js', '../point_src/protractor.js', '../point_src/text/beta.js', '../point_src/dragging.js', '../point_src/image.js')
Logger Install Logger {{ store.words }}
{{ store.errorText.message }}
{{ store.errorText.stackText }}