草庐IT

iOS闹钟,保持闹铃播放

全部标签

javascript - 如何在 HTML5 Canvas 上缩放图像时保持宽高比?

在我的项目中,我使用HTML5Canvas和FabricJS。我有维持放置在Canvas中的图像对象的纵横比的方案。在调整Angular或缩放图像时,我必须更新宽度或高度以保持图像的纵横比。上图将清楚地显示我的问题。我需要一种算法或公式来保持图像的纵横比。图片应满足以下条件,如果我通过根据实际尺寸调整图片的宽度或高度来进行缩小,它会裁剪并以相同的纵横比显示图片。如果我确实通过调整图像的实际尺寸的宽度或高度来进行扩展,它将分别扩展图像的高度或宽度,并针对视口(viewport)高度和宽度进行裁剪以保持宽高比。隐藏的部分被平移和查看。请给我一些解决方案,谢谢。

javascript - 在 Phaser.IO 中沿着预定义的路径移动 Sprite

我有一个Sprite和它的路径(path=[[1,1],[1,2],[1,3]),使用game.physics而不是的最佳实践是什么简单地改变x,y值? 最佳答案 假设您已启用物理并已将路径中的每个坐标分配给舞台区域。直线移动我会建议Physics.Arcade.movetoXY().如果您需要旋转Sprite,该函数会返回到目标位置的Angular。sprite.rotation=game.physics.arcade.moveToXY(sprite,target.x,target.y,300//speed,500//maxTim

javascript - mouseover mouseout JQuery 时自动播放/暂停

我有以下问题。这是代码:"video",:controls=>true%>我希望在鼠标悬停时视频继续自动播放/继续,而在鼠标移开时,视频暂停。我如何使用JQuery做到这一点?我在JQuery网站上搜索了很多,但没有找到适合我的东西。我试过的代码没有用。cSlider:stopautoplayonmouseover或者autoplayvideoinslider或JQueryautoplayvideoonclickshow感谢您的帮助。 最佳答案 一个简单的解决方法:$(function(){$('.video').on('mouse

javascript - D3 缩放时保持线宽相同

下面创建两条粗细为8的线:vara=[23,50]for(b=0;b我有以下缩放功能functionzoomed(){vis.selectAll("line.route,line.stripe,line.stripep").attr("transform","translate("+zoom.translate()+")scale("+zoom.scale()+")")vis.selectAll("line.stripep").attr("stroke-width",8/(zoom.scale()))但是线宽没有变化,这是什么问题。我也试过:vis.selectAll("line.st

javascript - 如何排列一系列 HTML5 <audio> 声音片段以按顺序播放?

我正在尝试移植一个名为VoiceWalker的简单音频实用程序到Javascript。VoiceWalker是一种帮助人们转录音频的工具,它的工作原理如下:http://i.imgur.com/rafgl.png所以我们的想法是,它播放一点,重复播放,向前移动,再播放一点,重复播放,向前移动,等等。我拼凑了一个播放声音片段的函数,它看起来像这样:functionclip(audio,start,stop){audio.currentTime=start;audio.play();int=setInterval(function(){if(audio.currentTime>stop){

javascript - 使用Youtube API找到刚刚播放完的Youtube iframe的父div

我有这个功能:functiononPlayerStateChange(event){if(event.data==0){alert(event.target.parentNode);}});每次嵌入式iframe发生“状态更改”时都会调用它。它只会在视频结束时发出警报消息,并且accordingtothedocs,我可以通过调用event.target获取对播放器的引用但是,我希望能够找到event.target的父div但我无法调用它上面的任何jquery或常规javascript。如何找到刚刚结束的播放器的父div? 最佳答案

javascript - 使 rails 中的 javascript 库保持最新的最佳方法是什么?

我目前正在开发一个Rails应用程序,它大量使用了一些javascript库,包括jquery、backbone.js和d3.js。对于jquery,有jquery-railsgem,对于主干,我们有backbone-rails.但是d3.js不存在这样的东西。我将javascript从d3.js复制到我的存储库,但这对我来说有点不干净,因为当d3更新时,我必须再次复制它(而且我必须注意,d3已更新!)。我考虑过git子模块,但每次检查存储库时我都必须手动pull它们。可能有办法让bundler检查d3存储库的特定版本吗?您如何处理在Rails中更新第三方JavaScript库?有首选

javascript - Cypress IO - 编写一个 For 循环

我在一个页面上有15个按钮。我需要测试每个按钮。我尝试了一个简单的for循环,比如for(vari=1;i但是Cypress不喜欢这样。我将如何在Cypress中编写for循环? 最佳答案 为了强制执行任意循环,我创建了一个包含所需索引的数组,然后调用cy.wrapvargenArr=Array.from({length:15},(v,k)=>k+1)cy.wrap(genArr).each((index)=>{cy.get("#button-"+index).click()}) 关于j

javascript - 如何在 UIWebView iOS5 中预选 contenteditable 字段

首先,我知道contenteditable仅适用于iOS5我已经说明了这一点-我们为iOS5用户提供了一项功能,允许使用contenteditable进行富文本粘贴。到目前为止,此功能非常有效,我想做的就是当View似乎将contenteditable字段设置为事件(预选)以便出现键盘并且用户可以立即开始键入。这是我用于UIWebView的本地html文件PLACEHOLDER我已经尝试使用一些javascript来完成此操作,使用我找到的用于预选文本输入的教程。我无法让它工作,即使我试图切换到文本输入字段进行测试。这可能是由于我对javascipt缺乏经验,所以如果这是解决方案,请明

javascript - 在javascript事件中播放声音

我有一个事件,每次验证特定条件时我都需要播放mp3/wav声音。有没有办法跨浏览器播放它,即使我在平板电脑上打开安卓浏览器也是如此?实际上我正在使用一个名为ionSound的javascript插件,但看起来它在android的tabled下不起作用..喜欢:jQuery.ajax({type:"GET",dataType:"json",url:"./getData.php?idx="+id,success:function(data){if(data.length>0){//alert('Gottaplaysound...');dataFound=true;$.ionSound({s