html5-canvas

0热度

1回答

我有一个分叉的three.js codepen实验，它有方形粒子漂浮在周围。但我想修改它，以便我可以将文本（几何？）传入它，替换方形粒子，有点像一个词/标签云。这可能吗？链接到当前codepen： https://codepen.io/farisk/pen/pWQGxB 继承人是我想达到的目的：我目前不知道从哪里开始。我想以某种方式使用文本几何 var loader = new THREE

2热度

1回答

画在画布上，鼠标单击关闭

我的<canvas>元素占用100vw和100vh。我希望能够点击它的任何地方并在那里画一张照片。现在，当我点击屏幕时，图像不会在我点击的位置附近绘制。我点击左上角越近，就越接近。但是，如果我稍微偏离角落，图像会被推得很低，并且向右移动。如何计算我似乎需要的偏移量，以便让图像完全按照我点击的位置绘制？ //var count1 = (Math.floor(Math.random() * scre

0热度

1回答

CCapture.js webm视频变暗

我一直在尝试使用CCapture.js项目录制HTML Canvas动画的视频。具体来说，它有一个webm capture选项，它使用whammy.js。我用许多参数修饰，但到目前为止，我只输出了正确长度的视频，但没有任何画布元素 - 它看起来只是黑色。这是说明问题的jsfiddle。它创建一个动画并记录2秒，然后保存/下载webm输出。这里是CCapture设置，我在的jsfiddle了：

0热度

1回答

如何在html5画布中为自定义线条制作线条宽度

我想要更改线条宽度，但为什么画布中的所有线条宽度也会发生更改？贝娄是我的代码片段 let c_canvas = document.getElementById("c"); let context = c_canvas.getContext("2d"); let gradientFill = context.createLinearGradient(400, 0, 95, 305);

0热度

1回答

用于导航大型2D图形的简单javascript画布框架？

我有一个大图（1000多个节点，5000多条边），我想在HTML画布上显示。我希望能够放大到单个节点，或者缩小以查看整个图形。我宁愿不使用本机API自己实现这些功能，所以我正在寻找一个简单的javascript canvas框架，它允许我将通用对象附加到可缩放的2D地图上。这样的框架是否存在？谢谢。

-1热度

1回答

使用线/线连接两个元素mannualy

我希望用户能够使用线或线连接一组点。连接完成时，点,和已连接，否则如果播放器连接错误，则屏幕显示错误的连接。

0热度

1回答

如何在固定点附近旋转精灵，使其跟随光标

我正在开发一个小型迷你高尔夫球游戏，用户可以在其中移动光标移动以设置角度，并且施加的力将是箭头的长度（当光标靠近球时力更小）。你可以看看它是如何工作在这里：https://imgur.com/a/AQ1pi 我已经想出了如何旋转箭头精灵跟随光标，但我不知道如何使它绕着球移动，现在它只是在旋转它的锚，在这种情况下是箭头。我使用Panda.js（基于Pixi.js的框架）开发游戏，但其API与本地Ca

3热度

1回答

帆布：为什么这种颜色差异？

我想用颜色“＃ca5100”在画布上画一条线，但绘制画布时，卷轴颜色实际上是“＃e4a77f”而不是“＃ca5100”。为什么这种差异？以及如何绘制你设定的颜色。 var ctx = document.getElementById("mycanva").getContext("2d"); ctx.beginPath(); ctx.strokeStyle="#ca5100"; ct

1热度

1回答

帆布包含arcTo（）方法

我玩HTML5画布，我的书上说最新的浏览器支持包含arcTo方法，它有能力以去除弧（）函数。我的问题是怎么回事？我也很困惑与包含arcTo，为什么它得到这样形成的这个例子可以有人解释 <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="style.css"> <scrip

0热度

1回答

三角函数的问题：圆角与矩形相交

我一直在试图制作一个程序，其中一个球从一个旋转的矩形反弹出来，我必须学习一些基本的三角函数，但是我注意到当我跑时这是它是半不准确的。就像每当球击中矩形只是离开中心一点点时，它就会直接穿过它，或者沿着它没有想到的方向反弹。为了更好地理解我的问题，如果您去检查了my fiddle，我将不胜感激。我认为这是一个数学问题，（考虑到我的成绩直到10或11年级才会学到），但它可能更多。这里的数学funci