腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
1
回答
在画布上画靴带
javascript
、
html
、
twitter-bootstrap
、
html5-canvas
所以我在HTML5画布和Bootstrap上遇到了这个问题。确切地说,我在Bootstrap模板中插入了一个画布(将其放入一个元素中,其中包含了类“巨型加速器”)。我想用我的鼠标在画布里画画。但是,我的鼠标位置和可编辑画布区域似乎关闭了。我拍了一张快照(希望我上传的是正确的),画布是带紫色边框的淡黄色的东西,鼠标的实际位置是我用蓝色画的箭头,蓝色的圆点是页面看到鼠标位置并开始画线的地方。而且,它不会让我使用整个画布区域,我只能在我在照片中描绘的绿色广场上画…… HTML代码: <div class="jumbotron"> <canvas id
浏览 1
提问于2018-03-20
得票数 0
回答已采纳
2
回答
对象可以在画布中对鼠标事件作出响应吗?
html
、
canvas
、
mouseover
我可以在画布中绘制对象以响应鼠标事件吗?例如,改变颜色或在鼠标上显示图片钳?我可以使用其他类型的输入(范围、无线电.)来调整某些值,但不能对画布中绘制的对象进行直接的鼠标操作。
浏览 0
提问于2013-09-16
得票数 0
回答已采纳
1
回答
客户端放大页面时如何提高画布图像质量?
html
、
bitmap
、
html5-canvas
据我所知,HTML5画布采用位图技术,在放大图像质量方面有其自身的局限性。 但是,如果客户端使用浏览器的缩放功能(例如,在chrome上,客户使用Ctrl +鼠标滚动),是否有任何保持图像质量的解决方案?
浏览 2
提问于2015-08-11
得票数 4
回答已采纳
1
回答
带画布的动画背景
javascript
、
html
、
canvas
如何用html5画布实现动画背景?我想为这个动画添加鼠标事件。我有问题的文本背景,因为它消失在画布上的绘画。处理z坐标不能正常工作。
浏览 2
提问于2012-01-03
得票数 1
6
回答
HTML5画布中的所有鼠标拖动对象都是基于setInterval的吗?
javascript
、
html
、
canvas
、
setinterval
我正在HTML5画布上做一个几何光学演示,鼠标指向光源,你可以制作一些屏障,javascript做计算工作,并在这些屏障后面的一条线上显示光和阴影。 从我在网上找到的画布拖放教程中,所有这些教程都使用setInterval()来实现鼠标交互,这意味着整个画布一直在更新和重新绘制。这让我觉得整个帆布生意是一个丑陋的黑客。 我的问题是:在没有canvas方式的情况下,还有其他方法在setInterval()中进行鼠标交互吗?当鼠标实际移动时,我想绘制一次背景,并且只重画移动的部分,而onmousemove。 任何想法都会受到赞赏。谢谢:)
浏览 11
提问于2011-03-12
得票数 6
回答已采纳
1
回答
JavaScript中的鼠标事件?
javascript
、
canvas
、
mouseevent
如何使用JavaScript让图像跟随鼠标移动?我目前正在使用新的HTML5画布元素。(我希望鼠标跟随的图像在画布上,我只希望它跟随鼠标的位置。)
浏览 3
提问于2011-05-22
得票数 0
2
回答
在画布内的当前鼠标位置添加一个Textarea
javascript
、
jquery
、
html
、
html5-canvas
我想在画布上添加一些文本信息。当我在画布上的一个点上单击鼠标时,它应该在当前鼠标位置显示一个文本区。还可以选择、拖动和旋转画布吗?可以使用HTML5画布和javascript来实现这一功能吗?
浏览 8
提问于2012-12-11
得票数 3
回答已采纳
2
回答
用背景图像移动HTML5画布
javascript
、
html
、
canvas
、
pan
我想要可视化在HTML5画布中绘制的一个巨大的图表。正如下面所描述的,让我们想象一下世界地图,不可能同时用一个“体面”的细节来可视化这一切。因此,在我的画布上,我希望能够通过鼠标看到其他不可见的国家。 有人知道如何在HTML5画布中实现这种平移吗?另一个功能是放大和缩小。 我见过几个例子,但我无法让它们发挥作用,它们也无法解决我的问题。 提前感谢!
浏览 2
提问于2013-08-05
得票数 1
回答已采纳
3
回答
HTML5:使用控件在视频上放置画布
javascript
、
html
、
html5-video
、
html5-canvas
我想在HTML5视频上画东西。为此,我尝试在HTML5视频元素上放置一个画布。 但是,当我把画布放在视频元素上时,视频控件就不能工作了。因为canvas获得了所有的鼠标经过和点击事件。有没有一种方法可以将事件委托给视频控件或在其他地方显示控件? 任何帮助/想法都是很棒的。
浏览 3
提问于2011-09-22
得票数 5
回答已采纳
2
回答
是否可以用鼠标动态创建` `html5 5罐‘?
javascript
、
jquery
、
html
、
canvas
可以用鼠标动态地创建HTML5 canvas吗? 例如:我想使用鼠标绘制HTML5画布,然后将内容加载到不同的画布中。 3小时后,我在互联网上搜索一个演示,但没有发现任何这种可能性。
浏览 0
提问于2015-03-13
得票数 0
回答已采纳
2
回答
Fabricjs对象控件在画布外部可见
html5-canvas
、
fabricjs
我使用fabric.js的HTML5交互式画布应用程序。如果对象的缩放比例大于画布,则控件在画布外部不可见。如何让它在画布外可见,或者有没有一种方法可以在css中设置这些控制器的样式。
浏览 1
提问于2014-07-13
得票数 3
1
回答
如何从画布中添加和删除(多个)图像。
javascript
、
html
、
canvas
我对画布(HTML5)很陌生,我必须在画布上设计一个油漆应用程序。有一个功能,如动态添加选定的图像在画布(鼠标移动)和功能,以删除和拖动该添加的图像(相同的文本添加)。现在我的问题是如何从画布中删除图像(注:没有固定的no。添加到画布中的图像。)你能给我推荐一下方法吗??
浏览 2
提问于2012-01-06
得票数 5
3
回答
在<canvas>上将鼠标悬停在屏幕上以设置图像比例
html
、
html5-canvas
我有一张画布,我在上面画了一幅画: var imageObj = new Image(); imageObj.onload = function() { context.drawImage(imageObj, 0, 0); }; imageObj.src = 'http://localhost:8080/apache_pb2.png'; 但我想要在鼠标悬停时scale图像。所以我尝试了这段代码: imageObj.onmouseover = function() { context.scale(2, 2); } 想着我可能会走运-but no go -it甚至都
浏览 1
提问于2013-06-18
得票数 3
回答已采纳
1
回答
Android:在画布上画一个“鼠标光标”。onHoverListener
android
、
canvas
、
hover
、
cursor
、
draw
我开始在Hover上听我的usb鼠标(使用android开发板)。我想使用悬停监听器在画布上创建一个人工鼠标光标,方法是绘制一个形状(比如一个圆圈),并在画布上悬停鼠标时刷新它的位置。我的问题是,当我移动鼠标时,旧的圆圈图仍然在画布上,所以我得到了一个圆圈的轨迹,而不是一个移动的圆圈。我现在使用的代码显然是愚蠢的(试图用计时器延迟画布删除,导致非常低的性能)。有人能帮我编写这个部分的代码吗( on事件正在正常工作,并在做其他事情)。我只需要悬停侦听器部分) protected void onDraw(Canvas canvas) { canvas.drawBitmap(canvasBi
浏览 1
提问于2017-06-01
得票数 0
回答已采纳
1
回答
在Javascript中,为什么getBoundingClientRect()有时会返回浮点值?
javascript
、
css
、
html
、
canvas
我正在尝试使用HTML5画布元素。我要做的一件事是设置一个mousemove事件来跟踪画布上的鼠标,用于绘图和其他目的。我还没有找到一个明确的答案,如何获得准确的坐标,在画布,鼠标已经结束。我在web上找到了一个具有此html的教程(我在画布中添加了背景色,以使其在呈现的页面上变得明显): <!DOCTYPE HTML> <html> <head> <style> body { margin: 0px; padding: 0px; } #myCanvas {
浏览 4
提问于2016-11-30
得票数 4
1
回答
画布保存绘制在视图外的像素人工效果
javascript
、
html
、
canvas
、
html5-canvas
我正在使用html5画布和javascript在屏幕上绘制一些东西。然而,由于我绘制的内容有时会很大,所以我有一个平移功能。 问题是,当绘图在屏幕上方或左侧离开屏幕时,我会得到一个奇怪的工件。 我使用toDataURL()函数保存绘制的数据,并使用drawImage()将其重新绘制为图像。 这个应用可以在上找到。
浏览 0
提问于2017-01-16
得票数 0
1
回答
画布中多层实现的机制是什么?
javascript
、
html
、
canvas
我试图弄清楚如何在HTML5画布中实现多层效应。我创建了一个项目来实现一个html5图表。我使用两个画布来实现工具提示效果。如何在一个画布上实现这一点?执行机制是什么?谢谢
浏览 2
提问于2014-08-25
得票数 0
回答已采纳
2
回答
画布动画帧呈现:无限循环与mousemover()上的触发
javascript
、
html
、
animation
好的,这是一个非常理论性的问题:我正在用HTML5画布元素编写动画。动画依赖于鼠标的移动(当鼠标休息=没有动画时)。对于呈现,我看到以下选项: 选项1:不断重新绘制画布的循环(鼠标是否在移动) 选项2:通过mousemove()事件触发绘制函数(使用jQuery) 我倾向于选择2,因为呈现只在需要时被处理。但我担心的是:如果鼠标移动得太快(尤其是在速度较慢的机器上),迭代可能会重叠并搞乱画布(见下面的说明)。 所以我想了个解决办法: 选项3:使用选项2,但是检查每个触发器,如果当前已经执行了一个绘制迭代。如果是,则忽略触发器。 但是我在这里也可以看到一些问题:在我的
浏览 0
提问于2014-07-29
得票数 0
回答已采纳
1
回答
如何使用javascript让圆圈在HTML画布上移动到onmouseclick点上?
javascript
、
html
、
canvas
因此,如果我在HTML5画布上画一个圆,我想让用户点击画布上的某个地方,给定半径的圆将逐渐移动到画布上鼠标单击的点。我知道jquery有动画功能,但由于画布没有DOM,我不确定如何实现这一点。
浏览 4
提问于2011-04-24
得票数 0
1
回答
使html5画布具有交互性
javascript
、
html
、
canvas
、
mouse
可能重复: 我还有一个关于html5画布的问题。我已经用Javascript中的这个特性做了几个很酷的项目,但是我现在正在寻找使用鼠标使画布更具交互性的方法。我所需要的只是一种简单的方法来将一个变量设置为鼠标的x值,或者它的y值。 谢谢!
浏览 0
提问于2011-12-26
得票数 2
1
回答
用HTML5画布在windows中绘制矩形
html
、
canvas
我正在用HTML5编写一个画布应用程序。我用触摸和绘画完成了我的铅笔画。现在我试着做一个长方形。对于我所读到的所有主题,我将不得不将所有已完成的形状存储在一个数组中,但是如果这样做,我还必须用普通的绘图存储所有的点,这样我就可以绘制一个矩形,比如窗口绘画。请给我另一个解决方案,绘制矩形像窗口,旧的矩形将消失,新的将取代之前,我做一个“鼠标上”。(预先谢谢:)
浏览 7
提问于2013-12-13
得票数 0
回答已采纳
2
回答
按压变焦触控装置
javascript
、
android
、
ios
、
canvas
、
coffeescript
我在HTML5画布中呈现了一个图形。到目前为止,这项工作还不错。现在我需要为触摸设备在图形上实现夹点缩放。逻辑是,当两个手指分开时,图形就会放大,当手指一起移动时,图形就会放大。在这种情况下,我们需要不断更新轴值。这里的问题是,我们如何得到两个手指的单个X和Y轴值,然后计算要做的缩放量。例如,在使用鼠标缩放时,我们可以得到鼠标向下的起始X和Y值,而在鼠标向上我们可以得到结束X和Y轴的值。利用X轴和Y轴的起始值和结束值,可以相应地缩放图形。画布不应放大/缩小。放大可以是无限的,但缩放将一直到图形的默认绘图。任何想法或帮助都是值得感激的。我没有得到正确的计算。
浏览 7
提问于2014-03-21
得票数 1
回答已采纳
2
回答
HTML5大画布-移动和缩放整个内容,包括背景
javascript
、
html
、
css
、
html5-canvas
我的最后一个目标是使用使用html5来实现一个应用程序。 正如你所看到的,我们可能需要一个大画布(2000*600),但我不确定。 有人能给我一个想法,只是为了遵循上述链接的行为吗? 包括背景的整体画布内容可以使用鼠标移动和鼠标向下平滑移动画布内容,包括背景平滑地移动,根据电力系统的选择,缩放在放大淡出效果像加上标志性的圆圈。 任何想法都会很感激的。
浏览 0
提问于2012-02-25
得票数 6
2
回答
如何在JFrame / JPanel之外的画布上获取点的位置?
java
、
swing
、
canvas
、
game-development
我正在尝试在我的游戏中添加一个鼠标查看功能,在游戏中你可以点击一个空格,角色就会进入那个空间。 我有一个MouseListener,它给出了与JFrame坐标相关的鼠标的X和Y。 这不起作用,因为当玩家在世界上移动时,玩家的X和Y与屏幕上的X和Y不一样。 如何获得与鼠标在JFrame上的位置的X和Y相关的画布上的X和Y?
浏览 5
提问于2016-03-23
得票数 1
回答已采纳
2
回答
调整画布大小时,画布图会变形。
javascript
、
html
、
canvas
我正在用html5和javascript实现画布上的绘图。 如果我不手动设置画布宽度和高度(保留默认设置),我的绘图工作良好。 但是,当我从css或javascript设置画布大小时,我的绘图看起来就像是扭曲的。这条线开始离线有点远,这条线看上去扭曲了。 以下是鼠标向下事件的代码。 if (mouseDown) { previousX = currentX; previousY = currentY; currentX = e.clientX - canvas.offsetLeft; currentY = e.c
浏览 5
提问于2015-03-09
得票数 2
回答已采纳
1
回答
HTML5 JS fillRect()奇怪行为
javascript
、
html
、
html5-canvas
我有两个奇怪的问题,填充(x,y,宽度,高度)。 是将“高度”的值乘以二。 X和y应该设置为鼠标位置,但矩形位于左下角,当鼠标移动到左下角时,矩形就会离得更远。 这段代码来自一个视频教程,代码似乎适用于这个人和视频,以及其他人,因为没有人评论有同样的问题。总之,这里的代码是: function doFirst(){ canv = document.getElementById('canvas'); canvas = canv.getContext('2d'); document.addEventListener("
浏览 0
提问于2012-11-26
得票数 2
回答已采纳
3
回答
如何将HTML5画布拖放到另一个画布
html
、
drag-and-drop
、
canvas
我正在尝试弄清楚如何将图像从一个画布拖放到另一个画布。假设画布是相邻的,是否有可能无缝地将某些东西拖过边界?如果不是,那么将div拖到画布上,获取它的ID,并通过响应画布上鼠标向上的位置来放置它是不是更好呢?
浏览 3
提问于2011-01-05
得票数 4
1
回答
可在div上选择的画布
css
、
html
、
canvas
我有一个HTML5画布,我可以在上面执行一些操作并捕获一些事件。在画布上,我有4个div。是否可以看到div和div的内容,但使它们不可见。例如,当我将鼠标放在div上时,我实际上是在画布上移动? 我希望你能帮助我! Simple example: 还可以在div上获取鼠标坐标。
浏览 3
提问于2013-03-22
得票数 1
回答已采纳
1
回答
使HTML5画布的行为类似于缩放/平移的TclTK画布?
html5-canvas
我正在尝试将我20年前编写的TclTK程序移植到HTML5上。 经过几个小时的工作,我了解到,当你“缩放”或“翻译”HTML5的画布元素时,它只适用于未来的绘图,而不适用于画布上已经存在的项目。 这与TclTK相反,后者将缩放/平移画布上已有的项目。 除了创建一个绘制/重绘循环(当我想缩放/平移时,我会清除画布并重绘所有对象),有没有办法让HTML5的画布元素表现得像TclTK的一样? 还是我错过了什么重要的东西?
浏览 3
提问于2012-08-25
得票数 0
回答已采纳
2
回答
如何在HTML5画布中绘制滚动地图?
html5
、
maps
、
scrolling
我的项目是一个带有方格的2D战术游戏。都是HTML5 5/Javascript/JQuery。 我已经能够绘制出网格,并有一个系统,我可以加载不同的地图与瓷砖,单位可以和不能移动。现在我想让它,所以只有一部分的地图显示在画布和球员可以滚动到不同的字符和东西(就像在正常的战术游戏)。 然而,我甚至不知道从哪里开始用HTML5画布来做这件事。我在“团结”中做了一些类似的事情,但是相机的抽象程度基本上是为我做的。
浏览 0
提问于2014-11-03
得票数 5
1
回答
相对于HTML5画布的文档上的缩放鼠标坐标
javascript
、
jquery
、
html
我在页面上有一个一定大小的HTML5画布 <canvas id="canvas" width="200" height="100" style="border:1px solid #000000;"> 现在,当鼠标被拖动到画布上时,画布就会被绘制出来(即首先单击(不一定在画布内),然后开始拖动鼠标而不释放)下面的脚本; $(function () { var c = document.getElementById("canvas"); var context = c.getContext(&
浏览 1
提问于2013-08-26
得票数 0
回答已采纳
3
回答
在画布中使用javascript获取鼠标位置
javascript
、
html
、
canvas
我正在学习jquery和html5 canvas。我只想做一个简单的html5绘图示例。当鼠标移动时,我在我的鼠标下面画红色方块。 我的代码很简单,但在画布中获取鼠标光标位置时遇到了问题。 现在,我正在使用x=event.offsetX;获取鼠标位置。这在chrome上运行得很好,但在firefox上就不行了。我将代码更改为x=event.layerX。但是layerX似乎是我的鼠标相对于网页的位置,而不是画布的位置。因为我总是看到一个偏移量。 我有两个问题,首先,怎样才能在firefox下获得正确的鼠标位置?其次,我怎样才能写出适用于ie,firefox,chrome,safari和oper
浏览 1
提问于2011-01-31
得票数 11
回答已采纳
1
回答
HTML画布缩放问题
javascript
、
jquery
、
html
、
canvas
、
zooming
最近,我决定深入研究HTML5和画布的世界,我遇到了一个我无法解决的问题。 我正在使用中提到的缩放技术,因为我需要能够缩放到一个特定的点。 但是,我遇到的问题是当你放大到一个区域,然后执行一个大的鼠标运动,然后放大。整个视点和对象变得倾斜。(以前占据整个画布的对象,现在部分地或有时根本看不见)。 我假设向点函数的缩放是在缩放时使用鼠标的位置,这导致了这些问题。 这里有一个演示来了解这个问题:(再次复制,只需放大鼠标的合理距离并缩小)
浏览 8
提问于2011-08-17
得票数 3
回答已采纳
1
回答
画布鼠标事件
javascript
、
jquery
、
html
、
canvas
、
mouseevent
试图解决的问题,当鼠标离开画布元素与鼠标向下;然后鼠标被释放(鼠标)离开画布元素,当鼠标被移动回到画布元素时,它认为鼠标还在下降。 本例中的修正是鼠标向上移动和鼠标向下移动来自文档,而不是画布,但是html5滑块对画布元素的影响是怎样的--鼠标输入(定位)。 见这里;
浏览 3
提问于2014-04-15
得票数 0
回答已采纳
2
回答
将hml5画布元素输出为html页面
jquery
、
html
、
canvas
最近我得到了一个任务,那就是基于用户交互来生成html页面(这完全是一个webapp)。用户可以通过web浏览器进行交互,以创建模板并保存模板。我知道这很简单。 但问题来了,当我必须允许用户动态地改变div大小,内容大小,图像大小等(使用鼠标移动),用户也可以拖放图像到超文本标记语言等,因为我认为很难开发整个事情使用html5和jquery它做了一些谷歌,发现html5画布可以做所有这些工作(我们可以拖放,改变大小等)。我发现唯一困难的是将其导出为html5文档。可以将画布元素转换为html5文档吗?
浏览 1
提问于2014-01-22
得票数 0
2
回答
如何在工具提示表单中使用纯javascript在画布上显示鼠标坐标?
javascript
、
html
、
canvas
所以这是关于html5画布的。所以当鼠标放在画布上时,我想在鼠标附近看到类似于x:11, y:33的工具提示 ..。鼠标移动工具提示也随之移动,以显示坐标。如何用javascript和html5做这样的事情?
浏览 0
提问于2010-12-21
得票数 4
回答已采纳
1
回答
是否在Javascript中使用画布轻弹矩形?
javascript
、
html
我希望能够在矩形上按住鼠标,向某个方向移动,松开鼠标,松开鼠标,然后在松开鼠标时,将矩形“弹”到适当的方向。我想要完成这样的事情: 但是在HTML5画布中绘制了一个矩形。我该如何实现这一点?
浏览 1
提问于2011-05-26
得票数 3
1
回答
html5画布如何获取画布堆栈的绘制状态
javascript
、
html
、
canvas
html5画布如何获得画布堆栈的绘制状态?每个上下文维护一个绘图states.And堆栈,绘图状态由当前裁剪区域(我需要的)和其他区域组成。API只提供save()和restore()方法来获取当前绘制状态并维护堆栈。但是,如果我在堆栈中保存了许多绘制状态,并且想要将一个更改为另一个,这不是先前的一个。我能做些什么?如何将堆栈视为数组?
浏览 6
提问于2011-12-11
得票数 2
4
回答
在HTML5画布中绘制图像,同时保留图像
javascript
、
html
、
canvas
、
drawing
在HTML5画布中,最简单的方法是在画布上(已经在画布上)绘制和移动一条线,以保留下面的图像。(例如,有一条垂直线跟踪鼠标的X位置) 我现在的画布: $(document).ready(function() { canvas = document.getElementById("myCanvas"); context = canvas.getContext("2d"); imageObj = new Image(); imageObj.onload = function() { context.drawImage(imageObj
浏览 5
提问于2013-11-13
得票数 11
回答已采纳
2
回答
平滑Html5画布中的自由绘图
html
、
drawing
、
html5-canvas
我正在用HTML5画布实现自由绘图。目前,一切都运行得很好。我对每个鼠标都使用了moveTo()和lineTo()。我必须微调这幅画; 当我画一些像直线一样的快速移动的曲线时,画出来的东西会像直线的关节一样。有没有其他的绘画方法,可以让画得更流畅?
浏览 0
提问于2011-08-01
得票数 1
1
回答
用HTML5 ()进行isPointInPath画布命中测试
html
、
canvas
为了使用HTML5画布进行命中测试,我想到以下几点: ( 1)形状的和弦(如正弦)被储存--当鼠标移动或点击时,x,y,w,h2,当鼠标被移动或点击时,直指又被画到屏幕上的画布上,而不是抚摸或填充--所以它实际上不是画在画布上,也是看不见的。3)现在可以用isPointInPath()测试路径 这很好--尽管速度与使用未添加到DOM的屏幕外画布大致相同。 有人有什么意见吗?尤其是在涉及更多的路径方面?
浏览 2
提问于2012-10-20
得票数 1
回答已采纳
2
回答
在HTML5画布上移动时跟踪鼠标坐标的简单方法
javascript
、
html
、
html5-canvas
在HTML5画布上移动鼠标时,有没有一种简单的方法来获得相对鼠标坐标? 我发现了这个: function getMousePos(canvas, evt){ // get canvas position var obj = canvas; var top = 0; var left = 0; while (obj && obj.tagName != 'BODY') { top += obj.offsetTop; left += obj.offsetLeft; obj = ob
浏览 1
提问于2012-03-23
得票数 0
1
回答
在HTML5画布中置换和恢复粒子
javascript
、
html
、
canvas
您好,我在cssdeck.com上的教程之后,在HTML5画布代码中创建了粒子 正确发生的事情是好的。网址: blauky.com/particle_test.html 当您将鼠标悬停在粒子上时,它们会分散并开始飞走。但我试图在这些粒子飞走一段时间后,把它们带回来,就像橡皮筋一样。要创建与此视频类似的效果: 先谢谢你,齐山
浏览 2
提问于2013-07-08
得票数 0
2
回答
HTML5画布:拖出画布
html
、
canvas
我在使用HTML5 Canvas实现拖动功能时遇到了问题。我理解缺少场景图等,并且已经设置了一种方法来识别鼠标事件上的拖动矩形。 但是:问题是当鼠标离开画布时会丢失鼠标事件。如果我在画布外部拖动并松开鼠标按钮,我的代码不会获得相应的mouseup事件来改变拖动逻辑。然后,被拖动的对象将一直停留在我的鼠标上,直到我再次开始拖动。 fabric.js ,但我无法识别库中的相关代码。它是如何做到这一点的?
浏览 3
提问于2013-01-14
得票数 2
2
回答
在HTML画布中绘制图像并将其另存为JPEG
javascript
、
html5-canvas
我正在创建一个应用程序,允许用户在画布上绘制一个数字(使用鼠标)。当他们点击submit时,图像将被保存为JPEG格式,清除将擦除画布中绘制的数字。我是HTML5 Canvas的新手。我看到一些创建画布的教程,但我无法保存和清除画布。任何帮助都将不胜感激。谢谢。 这是我的HTML: <div style="padding-bottom: 20px;padding-left: 210px;"> <div class="btn-group" role="group" aria-label="...">
浏览 1
提问于2015-04-15
得票数 1
3
回答
Javascript对<canvas>元素的响应
javascript
、
html
、
canvas
我正在编写一个html5应用程序,可以在画布上操作视频。我还显示了一个自定义(自绘制)鼠标光标在它上面。为了更新我的应用程序,我调用了setInterval函数来将东西绘制到画布上。 因为我是操纵视频,我需要:非常高的刷新率+许多处理器的时间来绘制。(每帧约50毫秒)。 我的绘图功能使我的鼠标功能挨饿。(我可以接受)。 但是..。饥饿结束后,它会对旧的事件作出反应。它可以采取多达3帧鼠标捕捉,以便我可以渲染它在正确的位置。这意味着在停止移动鼠标后,您可以看到光标“爬行”。 setInterval(drawFunction)?When函数中的onmousemove事件是否具有比我的函数更高的优先
浏览 3
提问于2010-10-10
得票数 0
4
回答
画布像素完美的2D鼠标拾取
javascript
、
html
、
canvas
我正在用画布用html5写一个2D游戏,它需要鼠标点击和悬停事件才能被检测到。这有三个问题:检测必须是像素完美的,对象不是矩形的(房屋,奇怪形状的UI按钮…),并且要求它是快速和响应的。(显然,暴力不是一种选择) 所以我想问的是,我如何找出鼠标在哪个对象上,以及可能的优化措施是什么。 附言:我做了一些调查,发现了一个使用QuadTree 的人。
浏览 2
提问于2011-12-21
得票数 3
回答已采纳
2
回答
HTML5画布-电影院座位计划,试图让选定的座位变成绿色和红色的座位不可用
javascript
、
css
、
html
、
canvas
我正试图为一个在HTML5画布上开发的电影院网站创建一个座位表。到目前为止你可以看到下面的情况。 我想做的是拥有一个鼠标控制功能,这样当它触及灰色的正方形时,座椅就会变成绿色,当你在一个红色的座位上移动时,会出现一条信息,说明座位是不可用的。 如果有人能帮我解决这个问题,我将不胜感激,因为我正在拔出我的头发! 谢谢磨坊, 劳伦:) 部分代码: 代码2
浏览 1
提问于2016-04-07
得票数 0
1
回答
HTML5画布中的*启动路径查找
javascript
、
html5
、
path-finding
我正在尝试在我的游戏中实现A* Start路径查找(这是用JavaScript、HTML5画布编写的)。库A* Start找到了这个- http://46dogs.blogspot.com/2009/10/star-pathroute-finding-javascript-code.html,现在我使用这个库来查找路径。有了这个库,我试着写一个简单的测试,但是仍然有一个问题。在HTML5画布屏幕上,单击鼠标显示路径,直到mouse.x和mouse.y,我就完成了。这是一个截图: 📷 (粉色方块:播放器,橙色方块:路径,直到我的mouse.x/mouse.y) 代码如何绘制橙色方块,直到我的mo
浏览 0
提问于2012-07-04
得票数 3
1
回答
Box2dWeb相对于HTML5画布的定位
game-design
、
box2d
、
html5
、
html-canvas
、
web
我是HTML5画布和Box2DWeb的新手,我正在尝试做一个小行星游戏。到目前为止,我认为我做得还不错,但有一件事我很难理解,那就是相对于画布而言,定位是如何工作的。我知道Box2DWeb只是为了处理物理模拟,但我不知道如何处理在画布上的定位。画布是100%的视图,因此可以改变大小。我想用一些小行星填充屏幕,但是如果我硬核某些值,如but Def.plaction.x= Math.random() *50,那么小行星可能会在画布上出现,因为屏幕较小的人呢?有人能帮我理解如何处理画布上的相对位置吗?
浏览 0
提问于2012-10-15
得票数 0
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
SAI2.0-2023软件安装教程
SAI2.0-2022软件安装教程
Canvas学习笔记00:canvas基础知识,入门的开始
简单绘画板 第二版
零基础工程师绘图指南,半小时水平越级提升!
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券