如何在Canvas上拖放图像/文本并将画布保存为HTML？

Question

如何在页面上显示Html / pdf（使用Canvas）并通过拖放添加图像和文本并将Canvas另存为html？ 我已经尝试过jQuery UI来拖放图像和文本，但它不符合标记。 我可以将html加载到画布中并在画布上执行拖放操作吗？

Answer 1

不，你不能将实际的html加载到画布本身（主要是出于安全考虑）。

这个画布库在“伪装”方面做得相当不错：

http://html2canvas.hertzen.com/

但是通过一些学习，您可能会发现画布本身具有您需要的所有格式/绘图功能。

• 绘制基本元素：线条，矩形，弧形，图像
• 绘制包含字体和字体大小的文字
• 绘制自定义路径
• 绘画效果：不透明度，阴影，合成（混合），剪裁
• 笔画，填充（包括渐变），模式
• 变换：移动，旋转，缩放，倾斜

你可以绑定窗口事件（鼠标，触摸，requestAnimationFrame等）以获得更多：

• 拖/放
• 动画
• 转换
• 拼合
• 捕获＆amp;改变视频流