草庐IT

Wxml2Canvas

全部标签

firefox - 将 HTML 5 Canvas 保存到 Chrome 中的文件?

保存PNG(等)在thisdemo中工作在Firefox中,但不是Chrome。在Firefox和Chrome中转换为PNG(等)。有没有办法*在Chrome*中将Canvas元素的图像保存到本地文件或服务器? 最佳答案 最简单的方法是使用toDataURL()函数。假设你有一个Canvas:varcanvas=document.getElementById("myCanvas");然后,使用ID为“saveButton”的按钮,您可以使它弹出一个Canvas为png的新窗口,用户可以保存该页面。document.getElemen

html - HTML5 Canvas 中的 PDF 渲染

如何在HTML5canvas中呈现PDF?我想出了pdf.js脚本https://github.com/mozilla/pdf.js.但是这个项目似乎仍在开发中。 最佳答案 一个解决方案可能是:http://googlesystem.blogspot.com/2009/09/embeddable-google-document-viewer.html 关于html-HTML5Canvas中的PDF渲染,我们在StackOverflow上找到一个类似的问题: h

javascript - 从 Canvas 上画出来要花多少时间?

我知道HTML5gamedev中最昂贵的操作之一是在Canvas上绘图。但是,如何在之外绘制图像呢?那有多贵?当Canvas为100x100像素并且我尝试在(1000,1000)处绘制图像时究竟发生了什么?检查sprite坐标以确保它在Canvas内会提高渲染效率吗? 最佳答案 在这些测试中,我使用了GoogleChrome版本21.0.1180.57。我做了一个fiddle来测试这种情况......你可以在这里查看:http://jsfiddle.net/Yannbane/Tnahv/.我已经运行了1000000次测试,这是我得到

html - 光标 :pointer on hover html5 canvas element

有什么方法可以让用户知道该元素是可点击的吗?我一直在使用easeljs但没有找到任何相关的东西。 最佳答案 你可以使用这个:Howtomakeclickablepointsinhtml5canvas?当鼠标位于该区域时,您可以设置:$('#canvasID').css('cursor','pointer')和$('#canvasID').css('cursor','auto')没结束的时候。 关于html-光标:pointeronhoverhtml5canvaselement,我们在St

javascript - Canvas2Image.js 通过元素点击将 base64 图像保存为 png

我正在取消canvas2Image.js插件:/**Canvas2Imagev0.1*Copyright(c)2008JacobSeidelin,jseidelin@nihilogic.dk*MITLicense[http://www.opensource.org/licenses/mit-license.php]*/varCanvas2Image=(function(){//checkifwehavecanvassupportvarbHasCanvas=false;varoCanvas=document.createElement("canvas");if(oCanvas.getCo

javascript - 更改 svg 填充颜色,然后绘制到 Canvas

我想要做的是加载一个svg,将其填充颜色更改为随机值,然后将其绘制在Canvas上。事实证明,这比我想象的要困难得多。这是我目前的代码。varcanvas=document.getElementById("canvas");varcontext=canvas.getContext("2d");//imagesvarbottomLeftTop=newImage();varbottomRightTop=newImage();varfullTop=newImage();varleftMidSide=newImage();varleftSide=newImage();varrightMidSi

javascript - 在 Canvas 上水平滚动。 HTML5

我正在通过javascript在网络项目上创建Canvas。Canvas在x-y平面上具有图形表示。我正在尝试将水平滚动功能添加到Canvas。我研究了一些方法:-1)在Canvas上绘制12个月的数据,当鼠标向前滚动时,第1个月的数据消失,最后添加新的月份数据,绘制新的Canvas。缺点:-每次鼠标滚动以平移时间线时-都必须进行新的SQL查询,这使我的Web应用程序非常慢。2)也许我可以通过1个SQL查询在Canvas上绘制10年的数据,但只显示12个月的数据。掩盖剩下的9年。现在,当客户端滚动时,我捕获滚动事件并移动到Canvas的适当部分。这可能吗?如果是,那又如何?谁能给个建议

frameworks - HTML5 Canvas 高级框架

我需要HTML5canvas框架来做:绘制对象(例如矩形)在对象的onmouseover事件上改变颜色/边框样式点击执行一些jsAction谢谢编辑:我终于决定使用raphaeljs(替代方案是dojo)。这个框架很棒。(它不需要HTML5Canvas并使用SVG) 最佳答案 听起来您真正想要的是retainedmode图形界面,您可以在其中创建对象、在其上获取鼠标事件、更改其属性、移动它等,并让浏览器根据需要处理重绘屏幕。在这种情况下,您最好使用SVG而不是,作为immediatemode图形表面实际上只是一个充满像素的盒子。

html - html5的 Canvas 里面的 Canvas

我们可以在现有Canvas中放置一个Canvas吗?如果可以,请帮助在html5中完成。 最佳答案 有两种可能的方法来解释您的问题。一种是您的意思是实际嵌套canvas元素本身,如下所示:这是合法的(根据validator.nu)但毫无意义。canvas元素中的内容用于回退。canvas元素内的内容被使用的唯一方法是浏览器不支持canvas,在这种情况下,内部canvas元素将被使用无论如何都要被看到。解释您的问题的另一种可能方法是,您能否在另一个Canvas中显示显示在一个Canvas上的图像。这非常简单,canvas元素可以用作

javascript - 将 HTML5 Canvas 转换为 IMG 元素

我想调整大小、拉伸(stretch)HTML5Canvas,使Canvas像IMG元素一样:按像素、百分比设置宽度-高度...我想知道是否有任何方法可以将HTML5Canvas转换/导出为IMG元素,或者可以直接在Canvas上实现这一点的任何方法。有关详细信息,我正在使用KineticJS库。请帮忙! 最佳答案 首先,为您的Canvas指定一个ID(例如example)。然后,使用纯JavaScript,您可以基于该Canvas创建图像并为其设置样式:varcanvas=document.getElementById('examp