如何将图像和文本拖动到画布

Question

我几乎完成了jQuery draggable和droppable生成器图像，但是html2canvas没有使用css过滤器下载

我从头开始，我无法理解如何使用html5画布将图像拖入画面。 我还想在画布上输入要显示的文本然后可以拖动并更改它们的属性（字体，大小，颜色）

https://jsfiddle.net/xn5n9cos/2/

var index = drawOrder.indexOf("aKey");
if (index != -1)
    drawOrder.splice(index, 1);

当然，我需要了解如何在每个拖动对象上应用过滤器

https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/filter

感谢您的帮助