CreateJS Fiddle (0.8.2)

by lannymcnie

HTML

<script src="https://code.createjs.com/createjs-2015.11.26.combined.js"></script>
<canvas id="canvas" width="800" height="600"></canvas>

JavaScript

var stage = new createjs.Stage("canvas");

var shape = new createjs.Shape();
shape.graphics.setStrokeStyle(10, "round")
  .beginStroke("red")
  .beginFill("yellow")
  .moveTo(200, 400)
  .lineTo(1500, 400);
shape.cursor = "pointer";

var blurFilter = new createjs.BlurFilter(50, 50, 1);
shape.filters = [blurFilter];

// Shapes have no bounds, so we must set them
shape.setBounds(200 - 5, 400 - 5, 1300 + 10, 10);
var sb = shape.getBounds(); // We could just use our numbers though.

var bounds = blurFilter.getBounds();
shape.cache(sb.x + bounds.x, sb.y + bounds.y, sb.width + bounds.width, sb.height + bounds.height);

stage.addChild(shape);
stage.update();