小编Ace*_*Ace的帖子

如何计算元素旋转的变换平移(x,y)补偿?

我正在制作一个配置文件图片裁剪编辑器,它允许在一个区域内拖动,缩放和旋转图像.

通过捕获区域的mousedown和mousemove事件并计算光标开始和停止区域内的x/y坐标以获得光标已经行进的距离来完成图像的拖动.然后将该值加到或减去(取决于方向)图像的当前内联样式变换translate(x,y)值.

var dragArea = document.getElementById('drag-area');
var photoImg = document.getElementById('photo');
var cropCircle = document.getElementById('crop-circle');
var cloneContainer = document.getElementById('clone-container');
var resetAll = document.getElementById('reset-all');
var scaleSlider = document.getElementById('scale-slider');
var scaleInput = document.getElementById('scale-input');
var scaleReset = document.getElementById('scale-reset');
var rotateSlider = document.getElementById('rotate-slider');
var rotateInput = document.getElementById('rotate-input');
var rotateReset = document.getElementById('rotate-reset');
var area = {}, photo = {
  translate: {
    x: 0, y: 0
  }, 
  transformOrigin: {
    x: 0, y: 0
  }
};

photoImg.src = photoSrc();
photoImg.style.top = cropCircle.offsetTop+'px';
photoImg.style.left = cropCircle.offsetLeft+'px';
photoImg.style.transform = 'scale(1) …
Run Code Online (Sandbox Code Playgroud)

javascript css css3 css-transforms

6
推荐指数
1
解决办法
355
查看次数

Javascript:如何确定 mp3 文件的音调

我已经做了很多谷歌搜索,但还没有找到一个关于如何确定 mp3 文件音符的例子。

到目前为止,我已经阅读了一些关于 FFT(快速傅立叶变换)的内容,从中可以计算音频文件的音高,并根据音高符号可以得出音符。

但是后来我读到mp3 文件格式在时域中,由于有损压缩格式不包含频率分析所需的样本值……这是否意味着您必须将 mp3 转换为 wav文件以计算密钥?

我找到了几个用于视觉目的的实时音高检测示例,但不是用于分析整个 mp3 文件并输出音乐键。

我希望有人能指出我正确的方向。

谢谢。

javascript audio mp3 fft pitch-tracking

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

标签 统计

javascript ×2

audio ×1

css ×1

css-transforms ×1

css3 ×1

fft ×1

mp3 ×1

pitch-tracking ×1