createjs自定义画板

CreateJS 是一个用于创建 Web 上的交互式图形和动画的 JavaScript 库。在 CreateJS 中，我们可以使用 EaselJS 库来创建自定义画板。

首先，需要在 HTML 页面中引入 CreateJS 库和 EaselJS 库：

<script src="https://code.createjs.com/1.0.0/createjs.min.js"></script>
<script src="https://code.createjs.com/easeljs-0.8.2.min.js"></script>

然后，在 JavaScript 中创建画板：

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

// 创建画笔
var brush = new createjs.Shape();
brush.graphics.beginFill("#000000").drawCircle(0, 0, 5);

// 监听鼠标事件
stage.addEventListener("stagemousedown", function(event) {
    brush.x = event.stageX;
    brush.y = event.stageY;
    stage.addChild(brush);
    stage.addEventListener("stagemousemove", moveBrush);
});

stage.addEventListener("stagemouseup", function(event) {
    stage.removeEventListener("stagemousemove", moveBrush);
});

// 移动画笔
function moveBrush(event) {
    brush.x = event.stageX;
    brush.y = event.stageY;
    stage.update();
}

以上代码创建了一个 ID 为“canvas”的画布，并在画布上创建了一个画笔。当鼠标在画布上点击时，画笔会出现在鼠标位置，并跟随鼠标移动。当鼠标松开时，画笔停止移动。

可以根据需求自定义画笔的形状、颜色和大小等属性。同时，也可以添加其它功能，比如撤销、清空等。