腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
1
回答
HTML5/jQuery动画上的计时器/时间间隔
、
、
我希望创建一个HTML5/jQuery类似弹出/跳动/脉冲效果的图像。 我有一个图像弹出的HTML5示例,目前这只适用于悬停。 我正在使用标准CSS3和HTML5在图像上创建放大效果。 效果看起来像这样: 我想在页面加载时自动执行此操作,每5秒一次。
浏览 2
提问于2012-07-10
得票数 0
回答已采纳
1
回答
如何隐藏HTML5 web player的跳动(缓冲动画)?
、
、
、
有没有办法用CSS隐藏HTML5网络播放器的跳动(缓冲圆圈动画)? 我已经设法用下面的CSS隐藏了HTML5 web播放器的所有其他元素: .myClass::-webkit-media-controls-panel { display: none; } .myClass::-webkit-media-controls-fullscreen-button { display: none; } .myClass::-internal-media-controls-download-button { display: none; } 有没有一个是专门针对脉搏的?
浏览 5
提问于2018-11-22
得票数 0
1
回答
使HTML5画布的行为类似于缩放/平移的TclTK画布?
我正在尝试将我20年前编写的TclTK程序移植到HTML5上。 经过几个小时的工作,我了解到,当你“缩放”或“翻译”HTML5的画布元素时,它只适用于未来的绘图,而不适用于画布上已经存在的项目。 这与TclTK相反,后者将缩放/平移画布上已有的项目。 除了创建一个绘制/重绘循环(当我想缩放/平移时,我会清除画布并重绘所有对象),有没有办法让HTML5的画布元素表现得像TclTK的一样? 还是我错过了什么重要的东西?
浏览 3
提问于2012-08-25
得票数 0
回答已采纳
1
回答
html5画布和纯Javascript/GWT游戏性能
、
、
、
我想写一个动画游戏,它需要大量的动画运行,就像在老虎机中滚动卡片/图像一样。我想知道我应该主要使用纯GWT/Javascript来运行动画,还是使用HTML5画布或HTML5动画来实现这一点。我知道如果我使用HTML5画布,我可能能够制作更漂亮的动画或图形,但我也更关心它的性能,因为有几个“动画”同时运行,就像在5列老虎机中滚动这么多图像一样。在这种情况下,我认为性能是最重要的。 我听说画布上画东西真的很贵。因此,我不确定我是否一直在画布滚动图像也是昂贵的。 你认为我应该用什么技术来写一个像老虎机这样的游戏呢?HTML5 5-画布,纯JS/GWT-动画,还是HTML5 5-动画? 我需
浏览 2
提问于2012-08-28
得票数 3
回答已采纳
2
回答
画布的最大数量(用作图层)?
、
我正在用javascript编写一个HTML5画布应用程序。我使用多个画布元素作为层,以支持动画,而不必重新绘制整个图像的每一帧。 是否有一个最大数量的画布元素,我可以用这种方式将它们相互层在一起(当然,在所有HTML5平台上都会看到一个适当的结果)。 谢谢。
浏览 5
提问于2011-11-01
得票数 3
1
回答
优化HTML5动画
、
、
我有一个HTML5动画,它使用大小为900x520的画布。然而,在最一般的情况下,60%的画布没有被使用。如果动画的某些参数是不同的,那么整个画布就会被使用,这就是为什么我将最大画布大小与W:900px和H:520px联系在一起的原因。 当用户使用此HTML5画布打开页面时,将考虑一般情况,并且只使用位于HTML5画布中心的280x280。据我所知,尽管我没有使用其他60%的画布,但每次都会被渲染,这会导致动画速度减慢,尤其是在平板电脑和手机上(我的目标用户大多是平板电脑/移动用户)。那么,我想知道是否有任何技术每次只呈现一组像素(比如在画布的中心处是300x300 )?有什么解决办法吗? 我
浏览 1
提问于2014-08-04
得票数 0
回答已采纳
1
回答
如何比较两个html5-canvas-element的内容?
、
我想用javascript比较两张图片。一个是在html5画布上绘制的,另一个可能是在另一个html5画布上绘制的,或者它可能是一个gif或png图像文件。我需要自动测试的比较。感谢您的帮助!
浏览 3
提问于2011-12-01
得票数 5
回答已采纳
1
回答
HTML5视频和canvas CPU优化
、
、
我正在制作一个应用程序与HTML5视频与它上面的画布绘图(640x480像素)。目标是将画布绘图与编码视频一起记录下来,以将其作为单个视频生成。我能够使用FFMPEG完成所有这些工作。但我面临的问题是,当HTML5视频运行时,它占用了我大约50%的CPU。由于画布上的绘图也需要CPU,浏览器在一段时间后冻结,并且chrome上该选项卡的CPU使用率持续显示> 100。我已经尝试过优化html5画布渲染。但没有任何帮助。有没有一种方法可以用更少的CPU来运行这个视频?或任何其他可能的优化?
浏览 1
提问于2016-11-01
得票数 1
1
回答
对一个页面上的画布元素的数量是否有实际的限制?
、
对一个页面上的HTML5画布元素的数量是否有实际的限制? 例如,在普通电脑上,一个现代浏览器是否可以使用500个单独的画布?
浏览 2
提问于2011-09-03
得票数 14
回答已采纳
1
回答
如果我在javascript中拉伸画布,我的性能会得到提升吗?在画布中,视频渲染是否更慢?
、
、
、
、
假设我在1920x1080显示器上运行了一个HTML5游戏。 如果我将我的画布设置为960x540的一半,并通过CSS将其扩展到100%的宽度和高度,然后全屏运行,游戏会运行得更快吗? 我是否会像改变显示器的实际分辨率那样产生效果? (对于那些不知道的人,CSS只拉伸画布,不设置画布的实际宽度和高度) 还有一个问题,在画布中的视频渲染比正常的视频渲染要慢吗?
浏览 0
提问于2016-08-08
得票数 1
回答已采纳
1
回答
使用SVG或WebGL中的画布进行3D应用程序
、
、
、
、
我需要构建一个HTML5 5/javascript 3d应用程序,每个场景我必须呈现很多对象(大约200-300个复杂对象或更多的对象)而不滞后,所以请告诉我我应该选择哪种渲染技术,HTML5画布,SVG还是WebGL。 我听说使用将处理更好的性能,但是将其转换为3d环境有多复杂,在SVG中是否有任何javascript引擎支持画布?或者我应该选择three.js作为画布和WebGL。
浏览 5
提问于2013-08-16
得票数 4
回答已采纳
2
回答
如何通过在Dart中的HTML5画布上单击鼠标来获得X和Y?
、
、
、
我在网页上有一个HTML5画布。当用户单击画布时,我希望获得相对于画布的X和Y坐标。我想在Dart中做这件事。
浏览 0
提问于2012-05-12
得票数 4
回答已采纳
3
回答
在HTML5画布上擦除图像的部分?
、
、
、
我有一张HTML5画布。我正在使用画布库。在空白的画布上,我绘制一个图像,如下图所示。现在我想要创建一个圆形的形状,可以用来擦除图像的部分。图像中的红色圆圈是橡皮擦。 如何在HTML5画布上擦除部分图像?
浏览 12
提问于2015-02-10
得票数 2
回答已采纳
2
回答
是否可以用鼠标动态创建` `html5 5罐‘?
、
、
、
可以用鼠标动态地创建HTML5 canvas吗? 例如:我想使用鼠标绘制HTML5画布,然后将内容加载到不同的画布中。 3小时后,我在互联网上搜索一个演示,但没有发现任何这种可能性。
浏览 0
提问于2015-03-13
得票数 0
回答已采纳
1
回答
“文档画布”是否与“画布元素”相同?
、
、
我正在从学习html和css。关于的主题,我们提到了不同种类的画布,比如, 浏览器画布 文件画布 可用帆布 据我所知,画布是添加到html5中的一个新元素,我们可以用它绘制形状。浏览器画布、文档画布和可用画布是否引用html5 ?
浏览 0
提问于2016-03-03
得票数 0
1
回答
HTML5画布调整大小
、
、
我使用HTML5画布渲染图像,当一次调整多个(数百)画布的大小时,我面临着严重的性能问题。 有什么技巧可以让调整大小像在中一样流畅吗? 谢谢
浏览 2
提问于2011-04-21
得票数 2
回答已采纳
2
回答
禁用html5画布
、
、
我想测试网站的行为,以防浏览器不支持html5画布。所以我需要禁用画布。 <canvas id="myCanvas" width="800" height="600"> <!-- Insert fallback content here --> <!-- I NEED TO GET HERE!!! --> </canvas> 有办法这样做吗?
浏览 0
提问于2013-11-16
得票数 5
回答已采纳
1
回答
如何在Nexus Galaxy上禁用画布的高亮显示?
、
、
、
、
我正在编写一个使用HTML5画布的web应用程序,并在Nexus Galaxy上进行测试。当用户点击画布时,它会高亮显示一秒钟,即使我在touchstart事件上调用preventDefault()也是如此。我也尝试过一些CSS规则。如何禁用此简要突出显示?
浏览 3
提问于2012-02-13
得票数 3
回答已采纳
1
回答
“画布是基于像素的”和“SVG”是基于向量的含义是什么?
、
我在html5中读过画布和SVG。当谈到差异时,提到画布是基于像素的,SVG是基于向量的。我不明白他们说这些是什么意思。 提前感谢
浏览 1
提问于2018-02-14
得票数 0
回答已采纳
1
回答
Xcode: uiwebview加载内容时的分配和泄漏?
、
、
、
、
我的应用程序在使用uiwebview加载html5页面时遇到了问题,该页面上有一个画布,上面有一些图像。我不知道html5是什么时候静态加载的,但是当我用JQuery的触摸事件放大画布上的图像时,内存分配开始如此迅速地从2mb增加到8或10MB。即使uiwebview被释放,高内存分配也不会减少。 有人遇到过这个问题吗?
浏览 0
提问于2012-04-14
得票数 0
回答已采纳
1
回答
在画布中使用HTML5设计用户界面
、
、
我已经在canvas中设计了一个小游戏,我想给它添加一个界面(只是一个标准的东西,带有声音切换和其他设置等菜单选项)。 在愤怒的小鸟画布()中,除了画布之外,他们没有任何html5元素来处理他们的界面。 我只是在想,让我的整个游戏在html5画布中设计,然后用户界面完全使用像div这样的html元素设计,并带有css样式,这对我来说是不是很糟糕? 我认为另一种方法是编写某种冲突系统来确定用户在屏幕上单击的位置。 我希望有人能在这里给我指出正确的方向,并告诉我哪种方法(纯画布,或使用html元素)最适合我的画布游戏。这里我100%关心的是性能,测试这两种测试都需要几天的时间,而且会是一种巨大的痛
浏览 0
提问于2012-04-06
得票数 0
回答已采纳
2
回答
使用多层HTML5画布对图像分层
、
、
我开始了一个基于网络的游戏引擎,但主要使用jQuery来处理精灵和动画,现在我正在学习HTML5的力量,通过将游戏画布移动到HTML5。所以这是我遇到的问题:我正在使用建议的多画布来分层图像。 即使我将z-index设置为999999,这对我也不起作用: 对象层不在磁贴的顶部,谢谢!
浏览 0
提问于2011-10-10
得票数 2
回答已采纳
2
回答
画布完整图
、
、
我正在开发一个新的proyect=,它在html5中使用画布绘制元素。 我在html中有6个不同的画布,我必须知道当用户在画布上绘制和绘制至少每个画布的50%,并触发事件时,用户绘制所有的画布! 这是我的代码: 提前谢谢。
浏览 2
提问于2011-12-01
得票数 1
回答已采纳
3
回答
canvas.toDataURL替代方案?
、
、
、
我正在尝试将HTML5画布的内容转换为png图像。 问题是画布包含的图像不是本地托管的,所以我得到了安全错误。 我没有在本地托管图像的选项,有没有其他方法可以捕获canvas元素中的内容? 谢谢!
浏览 5
提问于2012-10-16
得票数 1
1
回答
为什么我的动画有时会在Firefox中卡住?
、
、
我正在尝试创建一个动画使用HTML5画布和Javascript。虽然它在Google Chrome上工作得很好,但在Firefox中有时会卡住。 实时演示:。 我猜这是性能问题。我以错误的方式绘制和清除画布?
浏览 0
提问于2011-06-02
得票数 2
1
回答
如何在HTML5画布、canvas.toDataURL()中保存大小为a*a的图像,然后将其绘制成不同大小的a*a / 2a*2a?
、
、
、
如何使用a * a画布、canvas.toDataURL()保存单个大小的图像,并在不失真的情况下绘制不同尺寸的a * a / 2a * 2a? 或 我有一个HTML5 / JavaScript web应用程序。有一个项目目录,当我添加一个新项目时,我使用HTML5画布添加该项目的图像: <canvas id="canvasnew" height="100" style="border:1px dotted" width="100"></canvas> 此100 * 100映像被转换为$('#can
浏览 3
提问于2012-12-28
得票数 1
回答已采纳
1
回答
从HTML5画布中重建原始16位原始像素数据
、
、
、
、
如果16位单通道(灰度)原始像素数据无损地编码成图像格式(e.g.PNG、Webp、Jpeg-2000或JPEG-XR)并呈现到HTML5画布上,那么是否有任何方法从画布中检索原始16位原始像素数据?
浏览 1
提问于2017-04-14
得票数 4
回答已采纳
1
回答
Vue路由器: HTML5画布图像链接不会路由到正确的URL
、
、
、
、
我试图将html5画布上的图像链接到url以导航站点。 我使用Vue,FabricJS作为画布,Vue-router作为路由。 let computerClick = function (evt) { console.log("Computer clicked"); this.$router.push('/app'); }; 当在画布上单击该项时,它将运行此函数,但我得到以下错误: 未定义TypeError:无法读取未定义属性的“推送” 有人能把我引向正确的方向吗?
浏览 1
提问于2017-05-24
得票数 1
回答已采纳
1
回答
HTML5画布,图形用户界面
、
、
我有关于HTML5 Canvas图形用户界面的问题,(对不起,我是HTML5,JavaScript的新手)如何在HTML5 Canvas图形用户界面中创建?可以在画布上添加HTML按钮,文本输入和...或者像这样的东西?或者更好的方法是在画布中创建图形用户界面?或者不要在HTML5画布图形用户界面中创建,只创建游戏地图、雪碧图、角色移动和其他的东西? 对不起,我的英语也不是很好。:-) 谢谢。
浏览 1
提问于2011-02-04
得票数 0
1
回答
HTML5画布上下文
、
、
、
我已经开始阅读/体验HTML5了。我看到的所有HTML5画布教程都遵循这样的模式: JavaScript通过ID获取画布,获取2d上下文,然后处理上下文: <canvas id="myCanvas" width="300" height="200" style="border:1px solid"></canvas> <script> var c=document.getElementById("myCanvas"); var ctx=c.getContext(&
浏览 2
提问于2013-01-19
得票数 3
回答已采纳
2
回答
多个html5画布元素:性能问题?
、
、
不管javascript如何,在添加多个html5画布元素以显示画布制作的图标时,是否存在性能问题?我的意思是,div和画布的符号学元素之间有什么不同的性能吗? 我试图远离图像,svg,甚至是火锅,这就是为什么我要问。
浏览 3
提问于2015-12-08
得票数 3
回答已采纳
3
回答
好的html5开源项目
、
我正在寻找一些项目的例子,这些项目大量使用html5画布,并用它做一些有趣的事情。该项目必须有可用的源代码。 有什么建议吗?
浏览 0
提问于2010-08-12
得票数 4
回答已采纳
1
回答
从预渲染的画布元素或组件生成html吗?
、
、
、
、
我正在学习JavaScript和HTML5,出于好奇,我想知道: 1)可以从画布元素生成HTML吗?例如,我们有一个画布形状,在单击按钮时,它会生成渲染它的html5代码? 2)我们在页面上有一个html5按钮,将其转换成‘html5代码? 谢谢
浏览 1
提问于2014-02-15
得票数 0
1
回答
如何在画布圆圈中添加鼠标单击/拖动事件。在HTML 5中
、
、
、
需要添加一个拖放效果使用java脚本在画布。示例可以在下面的链接中看到 这完全是一个flash应用程序。 请看带有表情的蓝色圆圈。可以单击和拖动圆。拖动时,带箭头的线将创建并可以附加到任何其他圆。 我需要使用HTML5和Java script来做同样的事情,我已经使用画布来显示蓝色的圆圈,但不能使拖动的东西工作。有人知道如何在画布中的圆圈上添加拖动事件吗?
浏览 0
提问于2011-07-18
得票数 0
1
回答
HTML5画布-浏览器窗口的全部范围
、
获得HTML5画布到浏览器的全部范围的最佳方法是什么? 将绝对位置设置为0,顶部、左侧、右侧和底部。 还是让javascript读取文档的宽度和高度并将画布设置为这些维度?
浏览 1
提问于2014-03-12
得票数 0
2
回答
变化的帆布背景
、
、
、
我有HTML5画布绘图应用程序,我需要改变它的背景颜色,当用户点击一个按钮。 画布上的背景色在用户端工作,但是用户可以将图像保存到服务器上,我正在使用canvas.toDataURL(' image /png')导出画布数据。问题是,画布的背景色不包括在内,它只发送数据用户绘制。 我曾想过要在整个画布上做一个大的修改,但那会覆盖所有已经画好的图画。有什么想法吗?
浏览 8
提问于2014-02-05
得票数 0
回答已采纳
2
回答
缩放画布元素并保持纵横比不变
、
、
我有一个简单的html5页面,其中有一个特定大小的画布元素。现在,我希望画布元素始终按页面的可用大小缩放,但仍保持一定的纵横比。 另外,我如何在javascript代码中获得canvas元素的当前比例因子? 谢谢!
浏览 0
提问于2010-12-14
得票数 3
10
回答
SVG和HTML5画布有什么区别?
、
、
SVG和HTML5画布有什么区别?他们似乎都对我做了同样的事情。基本上,它们都是使用坐标点绘制矢量图片。 我遗漏了什么?SVG和HTML5画布的主要区别是什么?为什么我应该选择一个而不是另一个?
浏览 0
提问于2011-02-15
得票数 95
回答已采纳
1
回答
帆布上的假CRT效应
、
、
、
我想让我的画布看起来像是在一个弧形和圆形的CRT屏幕上,类似于这两幅图像: 我如何在HTML5画布上做到这一点?我很乐意在画布绘图本身或应用到画布上的CSS样式中这样做。 谢谢!
浏览 1
提问于2015-11-23
得票数 6
回答已采纳
1
回答
android html5,如何从画廊应用程序中获取一张照片并将其放入画布中
我需要以下几点: 我在android上有一个html5应用程序 当用户单击“selects”按钮时,android显示默认的图片库应用程序(或用户的任何其他应用程序),用户选择其中一张照片 android返回到我的html5页面,传递userImage,html5页面将图像放到画布中(而不是通过web表单将照片上传到服务器): var ctx = document.getElementById("myCanvas").getContext("2d");ctx.drawImage(userImage,0,0); 如何使用HTML5 getUse
浏览 5
提问于2015-03-30
得票数 1
回答已采纳
1
回答
画布与CSS转换
、
、
我想知道是否应该在我的CSS3画布游戏中实现HTML5转换或画布转换(旋转、倾斜、缩放)。目前主要研究2D )。 我打算在android上用它做铬。 我找不到确切的答案。 每种方法的性能增益和总体利弊是什么?
浏览 1
提问于2014-04-05
得票数 1
回答已采纳
3
回答
setTimeout、setInterval或requestAnimationFrame
、
、
、
、
对于HTML5游戏,具有用于移动设备的画布动画。 我正面临着一些性能问题,每个设备的速度都不同于其他设备。 requestAnimationFrame根据设备速度来加速游戏的动画。 setInterval让我大吃一惊,因为从一台设备到另一台设备存在延迟。 setTimeout在画布上的绘制速度也很慢。 谁之前有过移动HTML5游戏的经验,可以指导我使用其中三种(或其他可用的技术)中最好的方法,在canvas上开发动画,在不同的移动设备上稳定?
浏览 30
提问于2012-12-18
得票数 19
2
回答
HTML5画布上的富文本编辑
、
、
、
、
是否有可以与HTML5画布一起使用的丰富文本编辑库?我试着调查: Hallo它指向createjs.org,它不是画布库。 Froala (具有许多特性的可怕的库) 我看起来类似于HTML5画布元素。
浏览 5
提问于2017-05-15
得票数 5
1
回答
如何在html5中将画布保存为图像?
如何将画布保存为html5中的图像(使用javascript)?我想创建一个按钮,以便用户可以保存画布在html5作为图像。
浏览 5
提问于2014-11-13
得票数 2
2
回答
在工人中绘制
、
、
、
我正在尝试使用html5画布在web worker中绘制。worker不能访问DOM,所以我不能在web worker的画布上绘制。建议我可以从worker操作ImageData。 我是否仅限于在ImageData项上执行原始像素操作,或者是否可以对其执行drawBezzierCurve()之类的操作?或者,也许有一个库可以处理这种类型的数据。
浏览 0
提问于2012-02-02
得票数 1
回答已采纳
1
回答
画布中的PNG碰撞感知?
、
、
、
我正在用javascript在HTML5画布上做一个platformer游戏。我需要一种方法来感知绘制在画布上的两个奇怪形状的png图像之间的碰撞。我可以用正方形或圆形来做,但这些都是奇怪的形状图像。有谁知道怎么做吗?两个奇怪形状的物体之间的感官碰撞?
浏览 2
提问于2011-07-17
得票数 3
2
回答
画出画布要花多少时间?
、
、
我知道在HTML5 gamedev中最昂贵的操作之一就是在画布上绘图。但是,在它的外面画图像呢?有多贵?当画布为100×100像素,而我试图在(1000,1000)处绘制图像时,会发生什么?检查sprite坐标以确保它在画布中,会使渲染更高效吗?
浏览 4
提问于2012-08-07
得票数 9
回答已采纳
7
回答
HTML5游戏(画布)- UI技术?
、
、
、
、
我正在用JavaScript / HTML5 (使用画布)为移动设备(Android / iPhone/ WebOS)和PhoneGap构建一个游戏。我目前正在设计如何构建UI和播放板,以及它们应该如何交互,但我不确定最佳的解决方案是什么。我能想到的是- 使用drawImage和fillText等工具将UI构建到画布中,使用常规DOM对象在画布之外构建部分UI,然后当UI元素需要重叠播放板画布时,在画布上浮动一个div。有没有其他可能的技术,我可以用来构建游戏UI,我还没有想到呢?另外,其中哪一种会被认为是“标准”方式(我知道HTML5游戏并不流行,所以可能还没有“标准”方式)?最后,你会推荐
浏览 0
提问于2011-01-05
得票数 23
回答已采纳
1
回答
图像拖放从一个画布拖到另一个画布
、
我这几天有个问题。我是HTML5新手,我尝试从一个画布拖放多个图像到另一个画布,反之亦然。 我看过多个链接,但到目前为止都没有任何帮助,主要是因为这些链接只有一个画布拖放在画布中。 就像这个链接: 但我想在HTML5:里看到这样的东西
浏览 5
提问于2012-10-07
得票数 0
1
回答
在HTML5画布上绘制css列文本
、
、
我有一个div,包含带有css列样式的文本。 考虑到应用于文本的所有样式,我希望在HTML5画布元素上“传输”此文本内容。有可能吗? 目前,我发现我只能使用所需的字体样式在画布的2D上下文中绘制一些文本,而没有关于如何在画布上绘制复杂布局的文本。
浏览 4
提问于2013-08-04
得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
HTML5与CSS3实战指南
什么是浏览器指纹,浏览器指纹追踪是什么意思
字节跳动火山引擎加入 Linux 云原生计算基金会(CNCF)
在浏览器端用H5实现图片压缩上传
php将html页面截图并保存成图片
热门
标签
更多标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
活动推荐
运营活动
广告
关闭
领券