blur-example.js

total 0
used 0
limit 0
/* title: Canvas Blur Filter files: head point stage dragging pointlist point mouse stroke ../point_src/text/beta.js --- */ class MainStage extends Stage { canvas = 'playspace' mounted(){ // let p = new Point(400, 400, 140) this.point = new Point({x: 250, y: 150 , radius: 100}) this.dragging.add(this.point) } firstDraw(ctx){ this.clear(ctx) ctx.strokeStyle = ctx.fillStyle = '#ddd' ctx.font = '50px sans-serif' let p = this.dragging.getPoint(); if(p) { p.pen.circle(ctx) } // ctx.filter = 'blur(4px)' this.point.text.string(ctx, 'text.string') // ctx.filter = newull ctx.fillStyle = 'red' this.point.pen.indicator(ctx) } } stage = MainStage.go();
Run
Meta Data
title Canvas Blur Filter
imports ()
files ('head', 'point', 'stage', 'dragging', 'pointlist', 'point', 'mouse', 'stroke', '../point_src/text/beta.js')
unused_keys ()
unknown_keys ()
filepath_exists True
path blur-example.js
filepath blur-example.js
clean_files ('../point_src/core/head.js', '../point_src/pointpen.js', '../point_src/compass.js', '../point_src/center.js', '../point_src/point-content.js', '../point_src/pointdraw.js', '../point_src/relative-xy.js', '../point_src/pointcast.js', '../point_src/point.js', '../point_src/stage-hooks.js', '../point_src/stage-resize.js', '../point_src/functions/resolve.js', '../point_src/stage.js', '../point_src/functions/clamp.js', '../point_src/distances.js', '../point_src/protractor.js', '../point_src/text/beta.js', '../point_src/dragging.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/pointlistpen.js', '../point_src/events.js', '../point_src/automouse.js', '../point_src/setunset.js', '../point_src/stroke.js')
markdown {'html': '', 'content': 'title: Canvas Blur Filter\nfiles:\n head\n point\n stage\n dragging\n pointlist\n point\n mouse\n stroke\n ../point_src/text/beta.js\n---'}