草庐IT

javascript - canvas getImageData 在 Windows 上本地运行时不起作用? (安全异常(exception))

我正在编写一个本地HTML5应用程序来处理一些科学图像。我在OSX上,我专门用JavaScript/HTML5编写它以实现可移植性,以便我可以在Windows机器上向我的主管展示它。此应用绝不会部署在服务器上。问题是,它在OSX上的Safari上运行完美,但在Windows上它会在Firefox和Chrome中抛出安全错误。我认为这是因为它认为图像在不同的域中,但实际上它与脚本在同一个文件夹中。有什么办法可以解决这个问题吗?有问题的错误与此处详述的错误相同:UncaughtError:SECURITY_ERR:DOMException18whenItrytosetacookie编辑:我

javascript - canvas getImageData 在 Windows 上本地运行时不起作用? (安全异常(exception))

我正在编写一个本地HTML5应用程序来处理一些科学图像。我在OSX上,我专门用JavaScript/HTML5编写它以实现可移植性,以便我可以在Windows机器上向我的主管展示它。此应用绝不会部署在服务器上。问题是,它在OSX上的Safari上运行完美,但在Windows上它会在Firefox和Chrome中抛出安全错误。我认为这是因为它认为图像在不同的域中,但实际上它与脚本在同一个文件夹中。有什么办法可以解决这个问题吗?有问题的错误与此处详述的错误相同:UncaughtError:SECURITY_ERR:DOMException18whenItrytosetacookie编辑:我

javascript - html5-canvas:将图像文件转换为 DataURL 会引发未捕获的类型错误

我试图在Javascript中获取所选图像文件的Base64/DataURL。用户基本上通过文件输入控件选择图像并生成数据URL。但是,我收到此错误:UncaughtTypeError:Failedtoexecute'drawImage'on'CanvasRenderingContext2D':Theprovidedvalueisnotoftype'(HTMLImageElementorHTMLVideoElementorHTMLCanvasElementorImageBitmap)'HTML:Javascript:functiontestit(event){varmyImage=UR

javascript - html5-canvas:将图像文件转换为 DataURL 会引发未捕获的类型错误

我试图在Javascript中获取所选图像文件的Base64/DataURL。用户基本上通过文件输入控件选择图像并生成数据URL。但是,我收到此错误:UncaughtTypeError:Failedtoexecute'drawImage'on'CanvasRenderingContext2D':Theprovidedvalueisnotoftype'(HTMLImageElementorHTMLVideoElementorHTMLCanvasElementorImageBitmap)'HTML:Javascript:functiontestit(event){varmyImage=UR

javascript - 使用 CORS 通过 Canvas 的 HTML5 视频截图

我在Chrome中获取视频截图时遇到问题,我已经用尽了所有互联网和Stackoverflow上的所有答案;没有运气。无论我尝试什么,当我尝试使用canvas元素截取不同域甚至不同端口上的视频的屏幕截图时,我最终会得到无法在“HTMLCanvasElement”上执行“toDataURL”:可能无法导出受污染的Canvas。错误。这是我的设置:网络应用网址http://client.myapp.com/home.htmlCDNURL(我都试过了)http://client.myapp.com:8181/somevideo.mp4http://cdn.myapp.com/somevideo

javascript - 使用 CORS 通过 Canvas 的 HTML5 视频截图

我在Chrome中获取视频截图时遇到问题,我已经用尽了所有互联网和Stackoverflow上的所有答案;没有运气。无论我尝试什么,当我尝试使用canvas元素截取不同域甚至不同端口上的视频的屏幕截图时,我最终会得到无法在“HTMLCanvasElement”上执行“toDataURL”:可能无法导出受污染的Canvas。错误。这是我的设置:网络应用网址http://client.myapp.com/home.htmlCDNURL(我都试过了)http://client.myapp.com:8181/somevideo.mp4http://cdn.myapp.com/somevideo

javascript - html5,将事件监听器添加到 Canvas 上绘制的图像

我正在试验html5,我有一个小图像下拉菜单,用户选择和图像,然后使用drawImage()将其绘制到Canvas上;我似乎无法弄清楚如何为Canvas上新绘制的图像添加事件监听器。我试过像这样把它放在一个变量中:varnewImg=ctx.drawImage(myImage,200,200);然后向其添加一个事件监听器,但它似乎不起作用。newImg.addEventListener('mousedown',onImgClick,false);执行此操作的正确方法是什么。 最佳答案 如果您正在寻找这种交互性,可能不是你想要的。您正

javascript - html5,将事件监听器添加到 Canvas 上绘制的图像

我正在试验html5,我有一个小图像下拉菜单,用户选择和图像,然后使用drawImage()将其绘制到Canvas上;我似乎无法弄清楚如何为Canvas上新绘制的图像添加事件监听器。我试过像这样把它放在一个变量中:varnewImg=ctx.drawImage(myImage,200,200);然后向其添加一个事件监听器,但它似乎不起作用。newImg.addEventListener('mousedown',onImgClick,false);执行此操作的正确方法是什么。 最佳答案 如果您正在寻找这种交互性,可能不是你想要的。您正

javascript - 用户在 HTML5 Canvas 应用程序中绘制的平滑锯齿状线条?

我们有一个HTML5绘图应用程序,用户可以在其中使用铅笔工具绘制线条。与基于Flash的绘图应用程序相比,线条的边缘略有锯齿并且显得有些模糊。发生这种情况是因为用户在绘图时需要保持直线完全笔直,或者算法会感应到每个像素偏差并将其转换为锯齿状边缘。因此不可能画出光滑、尖锐的圆圈。不知何故,其他绘图应用程序能够平滑这些锯齿状边缘,同时让用户绘制线条(直线或非直线)。有什么方法可以消除这些线条?演示(选择铅笔工具):http://devfiles.myopera.com/articles/649/example5.html我们的应用程序使用类似的代码。 最佳答案

javascript - 用户在 HTML5 Canvas 应用程序中绘制的平滑锯齿状线条?

我们有一个HTML5绘图应用程序,用户可以在其中使用铅笔工具绘制线条。与基于Flash的绘图应用程序相比,线条的边缘略有锯齿并且显得有些模糊。发生这种情况是因为用户在绘图时需要保持直线完全笔直,或者算法会感应到每个像素偏差并将其转换为锯齿状边缘。因此不可能画出光滑、尖锐的圆圈。不知何故,其他绘图应用程序能够平滑这些锯齿状边缘,同时让用户绘制线条(直线或非直线)。有什么方法可以消除这些线条?演示(选择铅笔工具):http://devfiles.myopera.com/articles/649/example5.html我们的应用程序使用类似的代码。 最佳答案