canvas

1热度

2回答

为什么这个变量在JavaScript中像一个指针一样工作？（使用HTML5 Canvas）的

Here is a demo 具体来说，这是我感到迷惑的部分： $('.red').change(function(){ pix = imageData.data; for(var i = 0, n = pix.length; i < n; i += 4){ var green = 1, blue = 1; pix[i] = pix[i] * $(th

0热度

1回答

如何获得此功能对onclick方法作出反应？

这是按钮，它当前将获取画布图像并将该图像显示在另一个画布上。 var formElement2 = document.getElementById("recImage"); formElement2.addEventListener('click', recImagePressed, false); function recImagePressed(e){ var

1热度

1回答

在鼠标上停止画布动画

我正在尝试制作圆角矩形的互动横幅。这些矩形在鼠标悬停时动画，我希望动画在鼠标停止时停止。问题是动画不会停止鼠标了... 您可以在这里查看（和批评）我的代码：http://jsbin.com/osevaz/edit#source 谢谢大家提前，迈赫迪

2热度

1回答

Firefox跨域图像受污染

这是在Chrome中工作，但不是在Firefox中。 Access-Control-Allow-Origin被设置为*，并且图像被设置为匿名的crossOrigin加载，但是当在Firefox中将图像绘制到画布上时，它们会污染画布。加载图像的代码如下： var image = new Image(); image.onload = loadCallback; image.crossOrigin

-1热度

2回答

您可以使用Html 5 canvas来计算您沿着河流走过的距离吗？

我的想法是，你可以绘制出一条穿过河流的线条，然后如果你知道河流的总距离，你可以将线条的像素长度除以距离。所以如果你的线是760px，河的距离是20英里，那么760/20 = 38px = 1英里。当然，如果我的线只是一条直线或一系列线条，这将是相当简单的。但是，我希望我的线条能够反映河流的轮廓，因此会在各处弯曲。首先，这是一个很好的方法来绘制沿河流的距离？如果不是更好的工作（我有一种感觉，我

11热度

3回答

支持浮动设备上的画布和WebGL（three.js）？

有一个很棒的3D应用框架叫做three.js。据我了解，它有几个渲染子系统：基于Canvas和基于WebGL。那么，移动设备如何支持？（Android装置，iOS）

2热度

3回答

多个子域上的图像数据的内联编码

我试图用图像中包含的base64编码数据替换网页中的所有img标签。被表示为图像： <img src="http://a.example.com" /> 将被更改为： <img src="data:image/png;base64,iVBORw0KGg..." /> 该网页包含由多个子域，例如图像 <img src="http://a.example.com" /> <img src=

2热度

1回答

使用WebGL 3D形状作为2D帆布图像

我正在创建一个2D Canvas游戏，玩家正在降低玩家的立方体。他们的目标是射击或躲闪他们。目前立方体只是2D JavaScript OOP实体。我想要做的是用WebGL 3D立方体替换2D立方体图形。我的问题是，在2D游戏中使用WebGL的3D图形的最佳方法是什么？我正在寻找类似于Opera的HTML5 Emberwind的东西。他们在2D空间中使用3D图形来创建角色动画，而不是使用图像精灵。

1热度

3回答

为什么在这行代码中乘以0.002：new Date（）。getTime（）* 0.002;

在下面的代码中，乘以0.002是否有任何特殊用途？ var time = new Date().getTime() * 0.002; 此代码摘录是从here拍摄。我提供以下的整个代码也： window.requestAnimFrame = (function(){ return window.requestAnimationFrame || window.webkit

1热度

2回答

如何在Canvas中添加垂直滚动条？

我正在使用Canvas开发Java ME应用程序。 Canvas上显示的详细信息很丰富，因此我需要向下滚动屏幕以查看更多详细信息。但是，如何在Canvas上添加垂直滚动条？