如何使用ImageMagick在图片上绘制自由形式的鼠标路径？

解决方案 #

不用更换工具，ImageMagick本身支持绘制任意自由路径，你可以按照以下步骤实现：

• 第一步：采集自由路径的坐标点
  自由鼠标路径本质是一系列连续的坐标点集合，你可以通过任意交互工具（比如GUI程序、前端画布）记录鼠标拖拽过程中产生的所有(x,y)坐标，整理为空格分隔的x1,y1 x2,y2 x3,y3...格式即可。
• 第二步：调用ImageMagick命令绘制路径
  直接使用magick（旧版本为convert）命令的-draw参数传入坐标列表即可完成绘制，示例如下：

# 示例：在input.png上绘制线宽为2的红色自由路径，输出为output.png
magick input.png -stroke red -strokewidth 2 -fill none -draw "polyline 10,20 12,23 15,25 19,24 22,28" output.png

如果需要绘制更平滑的曲线，可以将采集到的坐标点拟合为贝塞尔曲线，替换polyline为path语法拼接路径指令即可。
如果需要实时交互绘制，可以在任意带GUI能力的开发框架中监听鼠标事件采集坐标，采集完成后调用上述命令执行绘制即可。

内容的提问来源于stack exchange，提问作者docaholic