Tag: canvas

你可以使用canvas.getContext（'3d'）吗？ 如果是的话，怎么样？

我阅读了HTML5中的canvas标签，总是看到getContext('2d') 。 参数是'2d'，所以没有像'3d'这样的另一种可能性？ 而且，你怎么用这个？ 我之前尝试过3D，但并没有真正理解（由于没有解释的教程）。 任何教程？

HTML5canvas中的GIFanimation

在HTML5中，我怎样才能轻松绘制（不要太复杂的代码）一个animation的GIF在一个工作的canvas（与drawImage只有第一帧显示在canvas上）

将“canvas”图像数据上传到服务器

我需要将canvas图像数据上传到服务器（数据库），即我需要创build一个表单和一个input=文件，并发布图像数据没有任何用户交互。

HTML5中可以使用类似Photoshop的混合模式吗？

我想在网页上放一个红色的长方形的<div>元素，这样看起来不仅透明，而且像Photoshop的Multiply模式一样。 <div> position: fixed ，所以下面的内容会很快改变。 这是可能的任何HTML5 / CSS3 /帆布/ SVG技巧？

使canvas和父母一样宽广

我想做一个矩形的canvas来模拟进度条，但似乎当我设置canvas的宽度和高度为100％，它并不真正使其高和宽父母 请看下面的例子 http://jsfiddle.net/PQS3A/ 甚至有可能做非平方的canvas？ 我不想硬编码canvas的高度和宽度，因为在更大或更小的屏幕中查看时，它应该dynamic变化，包括移动设备

HTML5帆布摄像头/视口 – 如何行事呢？

我确信这个问题已经解决了1000次：我有一个960 * 560的canvas和一个5000 * 3000的房间，总是只有960 * 560，这取决于玩家的位置。 玩家应该总是在中间，但是在接近边界的时候应该计算出最好的视angular）。 玩家可以使用WASD或箭头键完全免费。 所有的物体都应该移动自己 – 而不是移动其他所有物体，而是移动玩家来创造玩家移动的幻觉。 我现在发现了这两个问题： HTML5 – 创build一个视图的canvas作品，但只为这种types的游戏，我不能重现我的代码。 改变一个html5canvas的视图“中心”似乎更有希望，也perfomant，但我只理解它相对于玩家正确绘制所有其他对象，而不是如何相对于播放器滚animation布视口，我想首先要实现的。 我的代码（简化 – 游戏逻辑是分开的）： var canvas = document.getElementById("game"); canvas.tabIndex = 0; canvas.focus(); var cc = canvas.getContext("2d"); // Define viewports for scrolling inside the canvas /* Viewport x position */ view_xview = 0; /* Viewport y position */ view_yview = […]

如何调整html canvas元素的大小？

我有一个宽度和高度的HTML静态定义的canvas元素。 如果我尝试使用JavaScript来dynamic调整它的大小（设置新的宽度和高度 – 无论是在canvas的属性还是通过样式属性），我在Firefox中得到以下错误： 未捕获的exception：[Exception …“WrappedNative原型对象上的非法操作”nsresult：“0x8057000c（NS_ERROR_XPC_BAD_OP_ON_WN_PROTO）”location：“JS frame :: file：///home/russh/Desktop/test.html :: onclick ::第1行“数据：否] 是否有可能调整这个元素，或者我必须摧毁它，并在飞行中创build一个新的元素？

以编程方式在<canvas>的fillStyle中使用RGBa值？

我正在用<canvas>学习编程。 我想使用一个variables来设置矩形的RGBa值。 例如， var r_a = 0.3; ctx.fillStyle = "rgba(32, 45, 21, r_a)"; 这不起作用。 但是ctx.fillStyle = "rgba(32, 45, 21, 0.3)"; 确实有效 显然fillStyle只接受一个string。 那么如何使用某个variables来设置rgba值的值，而不是显式地定义值呢？

dynamic图标使用图像操作类似于Gmail添加一个计数

我试图弄清楚看源代码，但我无法弄清楚。 我想知道如何使一个像Gmail一样的dynamic图标。 任何想法如何做到这一点？

HTML5canvas：缩放

有没有简单的方法如何放大和缩小canvas（JavaScript）？ 基本上我有一个400x400px的canvas，我希望能够放大与'mousedown'（2倍），并返回'mouseup'。 过去两天使用googlesearch，但没有运气到目前为止。 🙁 感谢帮助。