草庐IT

Canvas-EventSystem-Panel

全部标签

d3.js 的 HTML5 canvas 替代品,图形可视化库

是否有像d3.js那样的Canvas库(是svg库)。我有一个网站here我用svg元素编写了一个图形,但是它在智能手机的浏览器上效率不高,而且运行速度很慢。我现在想用它的2dCanvas类型来改变它,看看它是否更好。您能否推荐一个对此有用的Canvas库?谢谢... 最佳答案 D3不一定是一个只有svg的库——在很多情况下都使用svg,但是这个库可以做任何你想做的表示。请参阅KaiChang在D3中使用Canvas的平行坐标示例:http://bl.ocks.org/2409451另请参阅此处了解有关性能问题等的一些讨论,这可能会

d3.js 的 HTML5 canvas 替代品,图形可视化库

是否有像d3.js那样的Canvas库(是svg库)。我有一个网站here我用svg元素编写了一个图形,但是它在智能手机的浏览器上效率不高,而且运行速度很慢。我现在想用它的2dCanvas类型来改变它,看看它是否更好。您能否推荐一个对此有用的Canvas库?谢谢... 最佳答案 D3不一定是一个只有svg的库——在很多情况下都使用svg,但是这个库可以做任何你想做的表示。请参阅KaiChang在D3中使用Canvas的平行坐标示例:http://bl.ocks.org/2409451另请参阅此处了解有关性能问题等的一些讨论,这可能会

javascript - 在服务器端生成 HTML Canvas 图像数据?

这个问题的标题可能有点误导,但我不确定最好的标题是什么(因为我还不能猜出解决方案)。基本上,我正在开发的系统在很大程度上依赖于Canvas图。这些图表是通过javascript生成的,并使用通过ajax从API服务器拉取的数据制作。棘手的部分是,我希望能够将这些图表通过电子邮件发送给该系统的用户,而无需他们实际访问网页。因此,虽然我知道可以在浏览器中获取使用javascript生成的图像的Base64值,但如果没有人运行该javascript怎么办?我想保留在javascript/canvas中生成的图形,而不是在通用的服务器端图形库(GD、ImageMagick)中制作它们。Canv

javascript - 在服务器端生成 HTML Canvas 图像数据?

这个问题的标题可能有点误导,但我不确定最好的标题是什么(因为我还不能猜出解决方案)。基本上,我正在开发的系统在很大程度上依赖于Canvas图。这些图表是通过javascript生成的,并使用通过ajax从API服务器拉取的数据制作。棘手的部分是,我希望能够将这些图表通过电子邮件发送给该系统的用户,而无需他们实际访问网页。因此,虽然我知道可以在浏览器中获取使用javascript生成的图像的Base64值,但如果没有人运行该javascript怎么办?我想保留在javascript/canvas中生成的图形,而不是在通用的服务器端图形库(GD、ImageMagick)中制作它们。Canv

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