canvas相关内容

HTML5画布 - 填充图片的圆圈

如何在圈子内绘制图片?如果我这样做: context.beginPath(); context.arc((e.pageX),(e.pageY),161,0,Math.PI * 2,true); context.closePath(); 我如何使用fill()填充我的绘制图像? 解决方案 我做了这一天的一件大事我做; var thumbImg = ..
发布时间:2016-11-12 23:40:40 前端开发

使用HTML5和iPad捕获签名

任何人都知道如何做到这一点? 解决方案 这里是另一个基于canvas的版本,带有可变宽度速度)曲线: http://szimek.github.io/signature_pad 上的演示以及 https://github.com/szimek/signature_pad 。 ..
发布时间:2016-11-12 23:40:10 前端开发

如何为网页上的文本绘制动画?

我想要一个网页有一个居中的词。 我想用动画绘制这个单词,以便页面以与我们相同的方式“写入”单词,即它从一个点开始,随着时间绘制线和曲线,使得最终结果是字形。 我不在乎这是否与 或DOM完成,关心它是否使用JavaScript或CSS。缺少jQuery将是很好的,但不是必需的。 我该怎么做? 解决方案 我想要这个词用动画绘制,使得页面 以与我们相同的 ..
发布时间:2016-11-12 23:39:59 前端开发

文本冲突检测

我正在构建一个web应用程序,它使用 fillText 在HTML 5上绘制一组不同字体的字母 Canvas >。用户将点击画布上的某处,我需要检查他们点击了哪个字母(或者如果他们点击了一个字母)。 我想我需要to: 获取每个字母的向量路径(我不知道如何做到这一点)。 使用一些简单的碰撞检测算法检查点击点是否在字母路径内。 有一些简单的功能做这个我失踪?或者可能是这样的图书馆? ..
发布时间:2016-11-12 23:39:37 前端开发

Python Tkinter 2.7问题与图像。

我想在窗口中显示图像....看起来简单够吧? 我在一个文件中有这个EXACT相同的代码: import Tkinter root = Tkinter.Tk() canvas = Tkinter.Canvas(root) canvas.grid(row = 0,column = 0 ) photo = Tkinter.PhotoImage(file ='/Users/Ri ..
发布时间:2016-11-12 23:39:26 Python

在画布上的图像的不透明部分周围绘制边框

我使用 drawImage 将图像绘制到画布上。这是一个由透明像素包围的PNG,如下所示: 如何在画布上的图像的可见部分添加纯色边框?澄清:我不想要一个矩形围绕图像的边界框。边界应该绕草地。 我考虑过使用阴影,但我真的不想要一个发光的边框,我想要一个坚实的边框。 解决方案 稍晚,但只是绘制图像 offset p> ..
发布时间:2016-11-12 23:39:14 前端开发

Facebook检查用户“喜欢”这一页

我为公司制作了一些Facebook FBML Canvas页面(Facebook认为这些应用程序是应用程序),他们要求“喜欢”该页面的用户将被重定向到另一个页面,或者页面将使用AJAX显示不同的内容。 我浏览了Facebook开发人员文档,但我找不到如何做的线索 解决方案 > 如果您正在处理facebook应用程序标签页,以下代码可帮助您找到 isfan 状态 $ si ..
发布时间:2016-11-12 23:39:02 其他开发

HTML5翻译方法,如何重置为默认值?

由于HTML5的翻译方法将绘图的来源显然相对于其原来的来源移动。 (当我使用ctx.translate(20,20)连续两次我得到相同的结果,当我使用ctx.translate(40,40)) 现在的问题是我想重置原始绘图到它的原始位置(在它之前使用的translate()它的位置),我该如何做? 解决方案 ctx.setTransform(1,0,0,1,0,0); ..
发布时间:2016-11-12 23:38:42 前端开发

如何使用渐变映射来调整HTML5画布与画布中的图像。

我目前有一个字符串,如下面显示的一个字符串,我想调整一个图像。我在2周内搜索了Google在访问16小时,试图找出答案。我可以将图片加载到画布中。 这是我想要做的。这是一个GIMP示例(Adobe Photoshop类似的程序是开源): http://gimpguru.org/tutorials / sampletoning / 0,0,0 0,0,0 0,0,2 0,0, 20 0 ..
发布时间:2016-11-12 23:38:32 前端开发

如何在Android中的图像上放置针标图像?

我是Android的新用户。我正在开发一个项目,我将获得无线电信号值(我可以从API获取值)。我有一个平面图。平面图有厨房,大厅,卧室部分..如果我单击厨房部分,我需要放置一个Pin图像在该部分与无线电信号值。一旦我点击保存,我需要锁定该图像(值)在该特定部分。同样,我可以根据需要放置很多Pin图片。 请给我一些相关的链接或示例代码来开发这个。我已附加图像供您参考。任何帮助将非常感激。 ..
发布时间:2016-11-12 23:38:22 Java开发

打印出html5画布?

我创建了一个简单的基于html的网页,包含一个表单和一些文本,以及一个画布。我想在一张纸上打印包括画布的页面,问题是 - 画布不会显示在打印输出中。是我错过了如何处理画布的东西? 我目前正在使用Opera,任何知识,其他浏览器是否处理这更好? 解决方案 这种情况是,有一个特殊的打印视图,其中画布被图像文件替换,然后可以轻松打印出来。 看看这里:捕获HTML画布为gif / jpg ..
发布时间:2016-11-12 23:38:12 前端开发

将单个帧从动画GIF提取到画布

我需要将动画GIF的所有帧加载到HTML5画布。 请注意,我不想“播放”动画 解决方案 对不起,短的答案是JavaScript没有办法控制动画GIF的当前框架。 很长的答案是有很多种方法来做你想要的JS,但他们是非常复杂的黑客。 hackish方法的例子:创建一个画布,不要将其添加到DOM(因此这将不会被看到由任何人)。在快速循环(setTimeout)中,持续绘制到此画 ..
发布时间:2016-11-12 23:38:03 前端开发

连接画布与线

我需要连接两个画布与一行来创建动态工作流。 我将生成画布矩形动态(我在数据库中的步骤数量) 解决方案 div> 以下是如何使用自动连接两个可拖动的画布矩形 首先,定义一些框和连接符: 将被绘制的框 var boxes = []; boxes.push({x:50,y:25,w:75,h:50}); // x,y,width,height boxes.pus ..
发布时间:2016-11-12 23:37:53 前端开发

沿曲线的梯度冲程在帆布

我想在画布上绘制一条曲线,沿着曲线使用线性渐变斯托克风格,如此图片。在该页面上有一个链接的svg文件,它提供如何在svg中完成效果的说明。也许在画布上可能有类似的方法吗? 解决方案 A演示: http://jsfiddle.net/m1erickson/4fX5D/ 这是很容易创建沿改变的渐变: 更难创建在路径之间改变的渐变: > 要在路径上创建渐变 ,您可以绘制与 ..
发布时间:2016-11-12 23:37:34 前端开发

点击画布上精灵的区域

我在javascript中创建一个游戏。当前sprite是具有背景图像的div元素,其被更新以创建动画。我听说,如果我使元素画布和blit的sprite到画布上,我可以使sprite可点击,省略透明区域。 我需要一个解决方案,我的可以点击游戏子画面,但是可点击区域适合于子画面的形状。它还需要自动。我不能用预制点击映射来做到这一点。 解决方案 我有一个教程, 。请参阅此处代码。 ..
发布时间:2016-11-12 23:37:24 前端开发

使用requestAnimationFrame在Canvas中计算FPS

如何计算画布游戏应用程式的FPS?我看到一些例子,但没有一个使用requestAnimationFrame,而不知道如何应用他们的解决方案。这是我的代码: http://jsfiddle.net/WCKhH/ 顺便问一下,有没有任何图书馆可以添加到surpervise性能? 解决方案 您可以跟踪最后一次调用requestAnimFrame的时间。 var lastCal ..
发布时间:2016-11-12 23:36:58 前端开发