我目前正在开发一个网络应用程序，即将开始前端构建以配合后端。
我的计划是除了用户点击图标以将块添加到WYSIWYG之外，他们还可以键入命令。例如，如果用户想要在WYSIWYG画布上添加一个矩形，可以单击图标矩形，然后单击画布上的两个相对角，然后显示一个矩形。另外，我想允许用户键入RECT，然后按ENTER键，然后启动矩形操作。然后，用户可以键入笛卡尔坐标而不是第一次和/或第二次点击。
我不确定该技术将用于创建WYSIWYG画布，但任何人都可以建议什么是实现上述功能的最佳技术？我不了解这些事情。
我的假设是JavaScript可用于监控击键，可用于调用函数，但我不确定这是否有效。
任何建议都将不胜感激！我有点担心我会开始支付承包商开始在HTML5中构建然后发现我的文本输入想法不兼容！
答案 0 :(得分：2)
这很容易。
您的输入可能看起来像这样：<input type="text" onchange="check(this)"/>
您可以创建一些小函数来绘制形状。我没有详细介绍，但这里有一个示例JSfiddle：https://jsfiddle.net/gpnb9aba/1/
您可以在框中键入Circle或Rect（区分大小写），按Enter键，它将绘制它（在预定位置）。可以为该预定位置分配变量并根据用户输入进行更改，但我没有这样做。我的小提琴只是为了概念证明。
至于使用鼠标绘制矩形，请查看我的其他JSFiddle：https://jsfiddle.net/Lppzrngg/1/
使用此jsfiddle，您可以单击并绘制以创建矩形的两个相对角，然后从那里，它将自动存储并绘制这些矩形。