Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
有没有一种方法可以只在HTML5和javascript中进行客户端图像混搭_Javascript_Html_Canvas - Fatal编程技术网

有没有一种方法可以只在HTML5和javascript中进行客户端图像混搭

有没有一种方法可以只在HTML5和javascript中进行客户端图像混搭,javascript,html,canvas,Javascript,Html,Canvas,我正在开发一个图像聚合web应用程序。 我想避免flash或其他客户端的麻烦,只需使用纯HTML+javascript即可 为了保持轻松,我想用Javascript在客户端完成工作,让它将最终保存的图像推送到服务器 在阅读了HTML5和Canvas的奇迹之后,我想我可以使用它了 但问题是: 如果我使用HTML5的新拖放功能让用户将本地图像传递到应用程序,然后将其绘制到画布上,那么画布变脏,如果我试图保存图像数据,它会引发安全异常。 如果我使用像Bing Image search这样的API为用户

我正在开发一个图像聚合web应用程序。
我想避免flash或其他客户端的麻烦,只需使用纯HTML+javascript即可

为了保持轻松,我想用Javascript在客户端完成工作,让它将最终保存的图像推送到服务器

在阅读了HTML5和Canvas的奇迹之后,我想我可以使用它了

但问题是:

  • 如果我使用HTML5的新拖放功能让用户将本地图像传递到应用程序,然后将其绘制到画布上,那么
    画布变脏,如果我试图保存图像数据,它会引发安全异常。

  • 如果我使用像Bing Image search这样的API为用户查找图像并将其绘制到画布上,那么
    如果我试图保存图像数据,画布会变脏并引发安全异常
  • 我能想到的唯一解决办法是让服务器充当一种代理,并让它将处理过的每个映像转发给客户端——但这违背了转到客户端的目的


    有没有其他我没有想到的方法,或者客户端的纯HTML5+JS不是此用例的选项?

    引发安全异常是因为您使用的是来自不同域(本地或Bing)的图像,您应该让用户能够在服务器上上载选定的图像,然后在画布中使用它们。对于来自internet存储的图像,您可以制作类似于代理的东西在前端显示它们,来自用户pc的图像应始终上载。据我所知,没有其他方法可以避免XSS异常

    另外,这里有一篇关于HTML5画布图像限制的好文章: