html5-canvas相关内容

同时使用英国皇家空军和setInterval在同一时间运行帆布动画

我有不同组件的动画。 一个人走 气体填充室 每一个组件都工作得很好时,他们都是靠自己,但是当我尝试这两个都结合起来,则动画只是不工作。 动画的当前状态,燃气工程,因为它应该。然而,男子闪烁进出来看,在某些时候,他是无处可看。 解决方案 这里的问题是,你绘制男子每200毫秒,但在画布的其余部分尽快绘制为浏览器已准备就绪,由于 requestAnimationFrame(油漆) ..
发布时间:2016-05-15 21:24:20 前端开发

效果和动画与谷歌地图标记

我想知道如何创建了谷歌地图的标记效果/动画。具体来说,我想放大/退房或“变脸”标记的给定时间之后。难道是可能的HTML5?是否有任何的jQuery效果库这样做呢? (我可以使用地图图块服务器来创建地图图块叠加层,并重新生成瓷砖覆盖每一秒,但我想这是非常处理密集型...) 在此先感谢 解决方案 我还没有看到任何图书馆这样做,并没有功能褪色每说标记在API 相反,你所能做的就是通过创建自 ..

HTML 5画布的JavaScript雨动画(如何高效,轻松实现!)

我在画布尝试这两个并没有什么表现,也是我怀疑它甚至高效:/。我试图做出归结屏幕雨..想知道什么是这样做的最有效的方式。我在动画一个初学者,倒很AP preciate帮助。 我怀疑创建雨对象将是最好的,每个灌进屏幕,然后来到顶端的质量,然后用它们的阵列...也许用随机x值withing画布宽度和y值0,但我不知道如何实现这一点。请帮助! xofRain = 20; startY ..
发布时间:2016-05-15 20:50:09 前端开发

我的游戏角色,为什么速度在不同的计算机上有什么不同?

我正在开发使用Java脚本的在线游戏。我使用的setInterval(movimage,10)的方法来移动游戏角色。不过,我已经看到了游戏角色的移动速度不一样的是所有的计算机。请给我建议。 解决方案 相反的setInterval你应该使用requestAnimationFrame(的 https://developer.mozilla.org/en-US/docs/DOM/window.r ..
发布时间:2016-05-15 13:37:01 前端开发

如何控制动画速度(requestAnimationFrame)?

更改与 requestAnimationFrame(动画)的文本颜色; 功能: requestAnimationFrame(动画);功能动画(时间){ ... //改变文字颜色在这里 如果(offset_s&下; offset_e){requestAnimationFrame(动画);} } offset_s 和 offset_s 表示开始和文本的颜色变化的结束位置。在某些情况 ..

帆布内容在Chrome 49消失在Mac上用AngularJS提示

我的问题 - 一个HTTP画布的内容消失了,当我有在打开一个新的标签按钮的工具提示。 这是一个非常特殊的症状,所以我想尝试引导您完成它。 我能够用下面的HTML重现它,而不是在一个plunker或的jsfiddle不幸: < HTML和GT; < HEAD> <风格> 。容器 { 高度:300像素; ..

用帆布和AngularJS工作

我正在一个任务重新写在HTML5以下Flash应用程序: http://www.docircuits.com/circuit-editor 由于应用的复杂性,我的RND到目前为止,我已经确定AngularJS为pferred MVC框架的实施$ P $。该应用程序有不同的部位,如面板,菜单,属性,图表等,所有这一切,我相信可以在AngularJS可以轻松实现。 问题的关键是但组件设计和交互( ..
发布时间:2016-04-06 23:40:30 JavaScript

是HTML 5的画布硬件加速android上的Chrome测试版?

我在Android浏览器VS Chrome测试版进行了一些HTML 5的画布测试。 结果支持的Andr​​oid默认浏览器,虽然镀铬:// GPU显示,帆布具有硬件加速 测试例如: - 空白的画布,8小图像(152×128,PNG):14 FPS的Andr​​oid浏览器对13 fps的上 Chrome浏览器 测试平台:三星Galaxy S II GT-I9100操作系统:Android ..
发布时间:2016-03-08 11:44:02 移动开发

缩小完全适应画布的大小(在iPhone和Android等)

我提出针对不同屏幕尺寸的HTML5画布性能基准。使在得分最大客观性,在其上基准将是具有固定大小的画布 - 即它不会收缩或配合以匹配的屏幕尺寸。我认为,这应该继续这样做,是因为测试在小屏幕上的小帆布反对一个大的不公平的比较。 不过,我看到在屏幕上,比画布的大小,画布没有完全呈现,而且我相信,这将影响最终的比分。另外,我不希望用户敲击两次以适合在画布上,因为在处理用户事件也会影响得分。 我怎样才能 ..
发布时间:2016-02-23 10:13:18 移动开发

如何禁用自来水一个帆布的Nexus银河突出?

我在写一个使用HTML5画布的web应用程序,并在银河的Nexus测试。当用户点击画布上,它强调对小野鸭第二,即使我打电话preventDefault()在touchstart事件。我也尝试了一些CSS规则。如何禁用这个简短的高亮? 解决方案 设置CSS规则 -webkit抽头高亮颜色到透明在画布上似乎做的伎俩对我来说。 请注意,我也做了preventDefault和stopPropag ..
发布时间:2015-12-06 22:47:52 移动开发

在Android的画布综合业务

我刚开始与Android的发展,我从JavaScript / HTML世界未来,所以我目前正在调查Android SDK的准备。 在HTML 5画布支持复合操作(见这里)。 这是可能在Android印刷品吗?我扫视了Canvas类的API,但找不到任何有用。我至少需要复合操作“源式”或(如果这是不可能的),“源之上。” 解决方案 成分是通过在画布与油漆一个使用 PorterDuffXfer ..
发布时间:2015-12-04 22:06:45 Java开发

什么是blockWebkitDraw的含义及如何解决?

我使用的WebView包装的Andr​​oid应用程序,它需要渲染HTML5的画布。它的工作原理完全可以在我所有的设备,除了一个。我的Galaxy S4(4.2.2)闪烁画布,那么它很快变成灰色。这里是logcat的消息,它的产生: D / GestureDetector(20071):表面触摸事件] mSweepDown假, mLRSDCnt:-1 mTouchCnt:7 mFalseSi ..
发布时间:2015-12-04 12:32:52 移动开发

在Android设备上的JavaScript / HTML / CSS应用 - 极其缓慢

我们正在一些JavaScript游戏。他们在iPhone和iPad和桌面完美运行也是如此。最大的问题是Android设备。当JavaScript执行和内容呈现的所有平板电脑,我们有蜂窝OS 3.x的(三星标签10.1,摩托罗拉Xoom,宏碁Iconia等等)是非常缓慢的。它是2.x的手机好,但仍远远落后于苹果设备... 我们试图用传统的方法是 div元素和 HTML5的画布,但即使是简单的反弹球 ..
发布时间:2015-12-04 12:20:33 移动开发

canvas.toDataURL不会导致为image / jpeg数据

我想使用Base64 + PhoneGap的2.5 HTML5的画布上的数据保存到服务器上。 平台:的Windows Phone 7和8,Android和iOS 基本需要调整图像大小是优化数据之前送过来的服务器。 我有问题,Android平台的base64应对方法,如下: 问题 Android的4.2:我写这code c.toDataURL(“为image / jpeg”); ,但我 ..
发布时间:2015-12-02 23:04:22 移动开发

Android的4 + HTML5的画布不会重绘

我目前正在开发使用PhoneGap的Andr​​oid应用程序。我有一个HTML5的画布,我绘画和动画对象上。它的伟大工程在Android 2.3,但在Android 4+它不会重新绘制在画布上。我试图同时使用kinetic.js和easel.js / tween.js我的动画和不清除画布上发生了这两个库的问题。我经历了一些成功,显示和隐藏一个div在画布上,但它不工作,所有的时间。我只能假设这是 ..
发布时间:2015-12-02 22:09:46 移动开发

清晰的帆布和保存画布

我刚刚完成的Web应用程序的图像分析和修补。我需要用帆布帮助。这是我做的: 编辑: < IMG ID =“IMGEDIT”SRC =“< PHP的echo $ imagename;>”中边境=“0”> &所述画布的id =“canvasPaint” 宽度=“< PHP的echo $宽度;>”中 高度=“< PHP ..
发布时间:2015-11-29 23:41:25 PHP

如何上传/ POST多个画布元素

我要创建一个图片上传为未来的项目(不闪光,IE10 +,FF7 +等),做图像缩放/转换/裁剪上的客户方,而不是在服务器上。 所以我做了一个JavaScript接口,用户可以“上传”的文件,并得到调整大小/裁剪直接在浏览器中,无需在服务器曾经接触。的表现还算可以,不是很好,但它的作品。 的endresult是画布元件的阵列。用户可以编辑/裁切图像,他们得到了调整后,所以我让他们如帆布,而不是将 ..
发布时间:2015-11-29 14:49:47 前端开发

如何使用canvas.toDataURL()来获取图像的base64在Adobe AIR?

是否可以使用 canvas.toDataURL()在Adobe AIR? 当我尝试,我得到了以下错误: 错误: SECURITY_ERR:DOM异常18 解决方案 Adob​​e AIR的实施同样出身画布API中使用的图像。一旦你使用的东西从你的画布在另一个领域,你不能得到象素数据备份出来。但是,您可以使用Loader类来获取像素数据,并将其转换成一个画布的ImageData。 例如 ..
发布时间:2015-11-28 21:14:30 前端开发