草庐IT

canvas2d

全部标签

javascript - 将 Canvas 另存为 jpg 到桌面

这个问题在这里已经有了答案:HTML5CanvastoPNGFile(4个答案)关闭8年前。我正在尝试将图像(JPEG)从HTML5canvas保存到桌面。我可以在新窗口中打开window.open(canvas.toDataURL('png'),"");,但是如何将它保存到桌面?谢谢。

javascript - 将 Canvas 另存为 jpg 到桌面

这个问题在这里已经有了答案:HTML5CanvastoPNGFile(4个答案)关闭8年前。我正在尝试将图像(JPEG)从HTML5canvas保存到桌面。我可以在新窗口中打开window.open(canvas.toDataURL('png'),"");,但是如何将它保存到桌面?谢谢。

javascript - 如何提高 Html5 Canvas 路径质量?

我一直在编写一个小javascript插件,但在提高渲染的Canvas整体质量方面遇到了一些麻烦。我在这里和那里在网上搜索过,但找不到任何有意义的东西。从我的曲线创建的线条并不平滑,如果您查看下面的jsfiddle,您就会明白我的意思。它看起来有点像素化。有没有办法提高质量?或者是否有一个Canvas框架已经使用某种方法来自动提高我可以在我的项目中使用的质量?MyCanvasRender不确定这是否有帮助,但我在脚本开头使用了此代码:varc=document.getElementsByClassName("canvas");for(i=0;i提前致谢我的曲线代码示例:vardata=

javascript - 如何提高 Html5 Canvas 路径质量?

我一直在编写一个小javascript插件,但在提高渲染的Canvas整体质量方面遇到了一些麻烦。我在这里和那里在网上搜索过,但找不到任何有意义的东西。从我的曲线创建的线条并不平滑,如果您查看下面的jsfiddle,您就会明白我的意思。它看起来有点像素化。有没有办法提高质量?或者是否有一个Canvas框架已经使用某种方法来自动提高我可以在我的项目中使用的质量?MyCanvasRender不确定这是否有帮助,但我在脚本开头使用了此代码:varc=document.getElementsByClassName("canvas");for(i=0;i提前致谢我的曲线代码示例:vardata=

javascript - 在出现网络错误的 fabric.js 中将 Canvas 下载为 PNG

我想使用fabric.js将Canvas下载为PNG。下载时我想缩放图像。所以我使用toDataURL()函数的multiplier属性。但是我收到失败的网络错误PS:如果我不给multiplier属性,它正在下载,但我确实想使用multiplier属性,因为我必须缩放图像这就是我正在做的:HTML代码:DownloadImageJSdocument.getElementById("downloadPreview").addEventListener('click',downloadCanvas,false);var_canvasObject=newfabric.Canvas('can

javascript - 在出现网络错误的 fabric.js 中将 Canvas 下载为 PNG

我想使用fabric.js将Canvas下载为PNG。下载时我想缩放图像。所以我使用toDataURL()函数的multiplier属性。但是我收到失败的网络错误PS:如果我不给multiplier属性,它正在下载,但我确实想使用multiplier属性,因为我必须缩放图像这就是我正在做的:HTML代码:DownloadImageJSdocument.getElementById("downloadPreview").addEventListener('click',downloadCanvas,false);var_canvasObject=newfabric.Canvas('can

javascript - IE10 和图像/ Canvas 的跨域资源共享 (CORS) 问题

我的印象是InternetExplorer10完全支持CORS,但现在我不确定。我们有一个使用多个域并读取图像数据的JS/HTML5应用程序。我们从另一个域加载JS中的图像,将图像imageDraw()到我们的Canvas上,然后在Canvas上使用getImageData。(我们没有使用跨域XMLHttpRequests)。为此,我们必须在提供图像的服务器上设置响应header:access-control-allow-origin:*access-control-allow-credentials:true并在加载前在JS中的图像对象上设置:image.crossOrigin='匿

javascript - IE10 和图像/ Canvas 的跨域资源共享 (CORS) 问题

我的印象是InternetExplorer10完全支持CORS,但现在我不确定。我们有一个使用多个域并读取图像数据的JS/HTML5应用程序。我们从另一个域加载JS中的图像,将图像imageDraw()到我们的Canvas上,然后在Canvas上使用getImageData。(我们没有使用跨域XMLHttpRequests)。为此,我们必须在提供图像的服务器上设置响应header:access-control-allow-origin:*access-control-allow-credentials:true并在加载前在JS中的图像对象上设置:image.crossOrigin='匿

html - 将 HTML5 Canvas 转换为 SVG 的方法?

我需要将HTML5Canvas转换为SVG以进行编辑。我怎样才能做到这一点? 最佳答案 尝试canvas2svg.js.[Demo]我自己遇到了这个需求,最后为此编写了一个库。当时,其他库有点稀疏,或者没有生成有效的SVG。但基本概念是相同的。您创建模拟Canvas2D上下文,然后在调用Canvas绘图命令时生成SVG场景图。基本上您可以重复使用相同的绘图功能。根据传递给它的上下文,您可以绘制到标准2DCanvas或生成可以序列化的SVG文档。您实际上无法“转换”已绘制到的Canvas元素,因为它只是位图,因此请记住这一点。当您导出

html - 将 HTML5 Canvas 转换为 SVG 的方法?

我需要将HTML5Canvas转换为SVG以进行编辑。我怎样才能做到这一点? 最佳答案 尝试canvas2svg.js.[Demo]我自己遇到了这个需求,最后为此编写了一个库。当时,其他库有点稀疏,或者没有生成有效的SVG。但基本概念是相同的。您创建模拟Canvas2D上下文,然后在调用Canvas绘图命令时生成SVG场景图。基本上您可以重复使用相同的绘图功能。根据传递给它的上下文,您可以绘制到标准2DCanvas或生成可以序列化的SVG文档。您实际上无法“转换”已绘制到的Canvas元素,因为它只是位图,因此请记住这一点。当您导出