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,但没有运气到目前为止。 🙁 感谢帮助。