使用HTML画布替换图像的一部分

时间:2019-05-03 20:21:39

标签: html5-canvas drawing image-replacement

基本上,我想做的是让用户有机会上传图片,上传后该图片将被设置为画布上的背景图片。然后,我希望用户能够通过在该画布上绘制一个矩形来定义区域。该区域将被用户选择的图像替换。它的意思是在用户家的照片上看到一扇新门的外观。我发现此stack overflow链接会有所帮助。...

但是,我遇到了两个问题。

  1. 在上面绘制矩形的小提琴中,我需要用图像填充矩形。我不想将其设置为背景图像,而是将图像包含在div本身内。
  2. 绘制矩形后,如果用户单击div,我希望它能够在屏幕上移动。而不是让它开始绘制新的矩形。
  3. 最后一件事是,当用户完成绘制矩形或单击该形状后,我需要显示一个工具提示,并带有一个可以稍微改变其图像的选项(选择圆角或类似的东西)。我当时正在考虑尝试使用:after伪选择器,但不确定。

也许他们是一个插件,或者是我已经可以利用而不是从头开始创建的东西。

0 个答案:

没有答案