小编Nic*_*ick的帖子

我可以将数组传递给fromCharCode

我可能会在这里提出错误的问题,所以如果答案是在另一个问题上,我会道歉......但我一直无所顾忌.

在一个片段中,为什么这不起作用?

array = [72,69,76,76,79];
document.write(String.fromCharCode(array));
Run Code Online (Sandbox Code Playgroud)

我正在收集数组中的关键事件,并希望能够在提示时将它们写为字符.虽然这有效:

document.write(String.fromCharCode(72,69,76,76,79));
Run Code Online (Sandbox Code Playgroud)

当我把它作为一个数组传递时,我似乎无法使它工作.我也尝试先将数组转换为String(),以及array.join(","); 创建逗号分隔列表......但没有.有任何想法吗?有没有更好的方法将我在数组中收集的值转换为字符?

javascript arrays fromcharcode

23
推荐指数
2
解决办法
2万
查看次数

画布中弧的不同fillStyle颜色

我想这个问题的解决方案非常简单,如果这很明显,请提前道歉,但我似乎无法弄清楚如何为两个不同的弧设置两个不同的fillStyles ...我只是想能够画出不同的彩色圆圈.下面我通常会在画布中使用其他形状/绘图方法,但由于某些原因,它会将弧线设置为最后一个fillStyle.

ctx.fillStyle = "#c82124"; //red
ctx.arc(15,15,15,0,Math.PI*2,true);
ctx.fill();

ctx.fillStyle = "#3370d4"; //blue
ctx.arc(580,15,15,0,Math.PI*2,true);
ctx.fill();
Run Code Online (Sandbox Code Playgroud)

javascript canvas colors fill geometric-arc

19
推荐指数
1
解决办法
4万
查看次数

从textarea执行javascript

我不完全确定这是否可行,但我正在尝试在浏览器中创建一个迷你虚拟编辑器,在页面上运行javascript.这是我在理论上一直在努力做的事情

HTML

?<textarea id="cnsl"></textarea>
<button onclick="run()"> run </button>
Run Code Online (Sandbox Code Playgroud)

JavaScript的

var cnsl = document.getElementById('cnsl');

function run() {
    return cnsl.value
}
Run Code Online (Sandbox Code Playgroud)

更具体地说,我试图通过'代码'写入画布元素,我在文本区域输入,所以如果,例如,我键入ctx.fillRect(10,10,10,10); 进入我的textarea,然后执行run()函数,10x10 square将出现在我的画布中.

我有点运气,而不是返回cnsl.value我把它写入HTML中空脚本元素的innerHTML.但这只会在我第一次执行该函数时起作用,然后在刷新页面之前不会再次工作.(例如:http://jsfiddle.net/ur5KC/1/,它似乎不适用于jsfiddle,但如上所述在本地工作)

...有任何想法吗???thnx提前!

html javascript textarea canvas

7
推荐指数
2
解决办法
1万
查看次数

three.js - 检查对象是否仍然在相机视野中

使用2D画布时,如果要检查某些内容是否不再"在屏幕上",您只需执行以下操作:

if( pos.x > window.innerWidth || pos.x < 0 ||
    pos.y > window.innerHeight || pos.y < 0 ) {
    // has left the screen
}
Run Code Online (Sandbox Code Playgroud)

我如何在three.js场景中检查某些内容是否仍在"屏幕上"(在相机视图中)?

javascript camera fieldofview three.js

6
推荐指数
2
解决办法
2468
查看次数

创建canvas元素的最佳实践

我一直在尝试以几种不同的方式创建一个canvas元素,并且想知道是否有人知道这些(或其他)方法中的哪一种最有效.

最基本的似乎是在html中放置一个canvas元素,如下所示:

<canvas id="myCanvas" width="500", height="500"></canvas>
Run Code Online (Sandbox Code Playgroud)

然后在javascript中:

var canvas = document.getElementById('myCanvas');
var ctx = canvas.getContext('2d');
Run Code Online (Sandbox Code Playgroud)

有时我需要将所有画布biznass保存在.js文件中(例如,当我想动态更改元素的宽度/高度时),我将这样做:

var canvas = document.createElement('canvas');
document.body.appendChild(canvas);
canvas.height = '500';
canvas.width = '500';
var ctx = canvas.getContext('2d');
Run Code Online (Sandbox Code Playgroud)

或者当我变懒,这样的事情:

document.write("<canvas id='myCanvas' width='500', height='500'></canvas>");

var canvas = document.getElementById('myCanvas');
var ctx = canvas.getContext('2d');
Run Code Online (Sandbox Code Playgroud)

优点?缺点?编辑?其他选择?

javascript html5 element canvas

5
推荐指数
1
解决办法
4297
查看次数

将 nettop 的输出保存到文件(mac)

我正在尝试将 nettop 的输出从终端保存到文本文件(可能是 .csv ),我想要做的是能够隔离不同的值,特别是我想跟踪来自特定应用程序的字节(这样我就可以在另一个应用程序中引用该文件)我不太熟悉 bash 脚本,但我想正确的脚本可以完成这类事情,或者有更好的方法吗?

bash shell terminal scripting

5
推荐指数
1
解决办法
2098
查看次数

WebAudio:有没有办法确定一个节点是否连接到另一个节点?

var context = new (window.AudioContext || window.webkitAudioContext)();

var oscillator = context.createOscillator();

oscillator.type = 'sine';
oscillator.frequency.value = 440;
oscillator.connect(context.destination);
oscillator.start();
Run Code Online (Sandbox Code Playgroud)

在 WebAudio API 中,有一种方法可以检查哪些节点连接到另一个节点,例如检查context.destination上例中连接到哪些节点

反之亦然,检查特定节点连接到哪些节点,例如检查oscillator上例中连接到哪些节点

或者,是否有某种方法可以获取有关特定音频上下文图的信息?与 Firefox 开发控制台的 WebAudio Context Visualizer 的方式类似吗?

html javascript web-audio-api

5
推荐指数
1
解决办法
2568
查看次数

在JavaScript中更改浏览器特定的CSS3(前缀)属性

所以我试图用javascript动态改变div的样式,这通常没什么大不了,除了我试图改变一些有前缀的CSS3属性,即名字中的减号( - )......当然,这意味着完全在javascript中的其他东西......

所以我在我的javascript中有这个:

r += 1;
document.getElementById('someDiv').style.transform = "rotate(" + r + "deg)";
Run Code Online (Sandbox Code Playgroud)

而我的div的样式属性看起来像这样:

transform: rotate(30deg);
-ms-transform: rotate(30deg); /* IE 9 */
-webkit-transform: rotate(50deg); /* Safari and Chrome */
-o-transform: rotate(30deg); /* Opera */
-moz-transform: rotate(30deg); /* Firefox */
Run Code Online (Sandbox Code Playgroud)

以便javascript可以正常更改"转换"属性,但我如何更改其余的属性?因为做这样的事情是行不通的:

document.getElementById('someDiv').style.-ms-transform = "rotate(" + r + "deg)";
Run Code Online (Sandbox Code Playgroud)

因为javascript读取" - "作为语法错误:(

想法?

javascript coding-style cross-browser prefix css3

3
推荐指数
1
解决办法
1311
查看次数

以相同的方式打乱多个 javascript 数组

我有两个数组

var mp3 = ['sing.mp3','song.mp3','tune.mp3','jam.mp3',etc];
var ogg = ['sing.ogg','song.ogg','tune.ogg','jam.ogg',etc];
Run Code Online (Sandbox Code Playgroud)

我需要对两个数组进行洗牌,以便它们以相同的方式出现,例如:

var mp3 = ['tune.mp3','song.mp3','jam.mp3','sing.mp3',etc];
var ogg = ['tune.ogg','song.ogg','jam.ogg','sing.ogg',etc];
Run Code Online (Sandbox Code Playgroud)

stackoverflow 上有几篇文章以不同的方式对数组进行混洗——这个非常棒——但没有一篇文章展示了如何以完全相同的方式对两个数组进行混洗。

谢谢!

javascript arrays sorting shuffle

3
推荐指数
1
解决办法
3236
查看次数

multer:保留原始图像文件名

我正在使用multer将图像上传到快速服务器,默认情况下 multer 创建自动生成/随机文件名(这通常很好),但在我的特殊情况下,我需要文件名与原始文件名相同,我已经尝试过下列的:

const upload = multer({
  dest: `${__dirname}/path/to/folder`,
  filename: function (req, file, cb) { cb(null, file.originalname) }
})
Run Code Online (Sandbox Code Playgroud)

但图像不断被重命名为 multer 的随机名称。我也尝试过该destination属性而不是dest...但同样的问题。

javascript node.js express multer

2
推荐指数
1
解决办法
6869
查看次数