草庐IT

iPhone 全屏图像

全部标签

javascript - YouTube Player API 检测全屏退出

所以基本上有一个按钮,点击它会打开并全屏播放视频。我想在用户退出全屏但无法捕获该事件时停止视频。现在我用它作为开始http://codepen.io/bfred-it/pen/GgOvLM谁能告诉我一个可能的解决方案。HTML:playfullscreenJS:varplayer,iframe;var$=document.querySelector.bind(document);//initplayerfunctiononYouTubeIframeAPIReady(){player=newYT.Player('player',{height:'200',width:'300',vide

javascript - 是否可以使用图像或 CSS 渐变来填充 Google map 中的水域?

我目前正在从事某个元素,需要将下一个设计实现到Googlemap。我没有在谷歌地图样式引用中找到任何线索来回答这个问题-https://developers.google.com/maps/documentation/javascript/style-reference所以,我想知道-是否有可能(仅使用API)?或者需要一些技巧?例如,我考虑过让水域透明并将虚线图像放在map后面。提前致谢! 最佳答案 在这个回答中,我将讨论关闭map上水几何体的可见性并设置map背后的背景颜色。首先,如前一个答案所述,您必须关闭map的可见性。您可

javascript - 如何在甜蜜警报中显示我要上传的图像?

我有以下代码不工作。当输入更改时,我希望图像出现在swal(SweetAlert)中,但我不知道什么不起作用。我在控制台上收到以下错误:无法在“FileReader”上执行“readAsDataURL”:参数1不是“Blob”类型输入脚本functionmuda(){varthefile=document.getElementById('input');varreader=newFileReader();reader.onloadend=function(){varimagem=reader.result;}if(thefile){reader.readAsDataURL(thefil

javascript - 谷歌地图集群自定义图像

我想用自定义图像更改谷歌地图聚类。但是,它不会改变我提供的任何内容。这个initMap函数是https://developers.google.com/maps/documentation/javascript/marker-clustering然后我尝试用来自谷歌的一些随机图像来更改集群图像。但是,它不呈现任何内容。集群不支持自定义集群镜像??functioninitMap(){varmap=newgoogle.maps.Map(document.getElementById('map'),{zoom:3,center:{lat:-28.024,lng:140.887}});//Cr

javascript - Vue js - 找不到图像源时设置替代图像

我在一个有产品列表的网站上工作。每个产品都有对应的图像。我将图像url绑定(bind)到源属性,如下所示。如果找不到图片,我想显示默认图片。我在cshtmlrazor语法中做了如下操作(仅供引用)onerror='this.onerror=null;this.src="@Url.Content("~/images/photo-not-available.jpg")";'我如何在Vue中实现相同的目标? 最佳答案 您可以在Vue中使用@error设置一个onerror处理函数: 关于jav

javascript - iPhone 应用程序和移动 safari 之间是否有任何共享状态?

我有一个网站和一个本地iPhone应用程序。该应用程序注册了一个自定义协议(protocol)。我希望网站在适当的时候自动重定向到协议(protocol),但前提是用户安装了应用程序(以避免烦人的对话框)。这意味着我需要从应用程序中写入一些我可以在移动safari中读取的状态,以将应用程序标记为已安装。Cookie似乎不存在跨进程。还有其他地方可以存放我的标记吗? 最佳答案 看this博客文章,了解Apple如何为MobileMeGallery应用程序做到这一点。它涉及应用程序在Safari中打开一个网站(在您的服务器上),该网站将

javascript - 预加载的图像未在 Chrome 中显示

我正在预加载一些图像,然后在灯箱中使用它们。我遇到的问题是,虽然图像正在加载,但浏览器并未显示它们。此问题特定于Chrome。它在Chrome8-10中一直存在,我一直在断断续续地尝试修复它,但一无所获。我读过这些类似的问题,Chromenotdisplayingimagesthoughassetsarebeingdeliveredtobrowser2MinorCrossbrowserCSSIssues.BackgroundimagesnotdisplayinginGoogleChrome?JavaScriptpreloadedimagesaregettingreloaded它们都详细

javascript - 如何添加点击并拖动以缩放 SVG 中的图像?

我想让访问者使用点击和拖动来缩放图像:是否有可以帮助我的JavaScript库?我注意到Raphaelhasclickanddrag方法,但我仍然需要编写大量JS来:找到图像的Angular使Angular落附近的区域可选为Angular绘制图标,使其明显可见在Angular落添加点击、拖放更新图片的尺寸我可以做到所有这些,但听起来很费时。有没有我应该使用的开源脚本?其他建议? 最佳答案 我在这篇文章中找到了这个解决方案:DraggablesandResizablesinSVG.在答案中,您可以找到一个jsfiddle链接:http

javascript - 将图像移动到鼠标的位置?

对Javascript非常新,只是想学习:)我想要做的是在默认位置有一个图像(最终将是一个Sprite),然后当我在屏幕上单击鼠标右键时,我希望图像逐渐移动到那个位置?我做了一些研究,但找不到具体的。最终我想要一个可以使用鼠标右键在屏幕上移动的动画游戏Angular色。 最佳答案 就像其他人所说的远离右键单击一样,这里是一个使用jQuery的示例。LiveDemovar$follower=$("#follower"),mouseX=0,mouseY=0;$(document).click(function(e){mouseX=e.p

javascript - 使用 JavaScript 将图像从 A 移动到 B

这是我第一次来这里,我不知道如何缩进这个抱歉:/我有一张面包车的图片,我正试图将它移过屏幕,让它看起来就像在开车一样。完成后,我将缩放图像,使其看起来好像在移动(并变小)。我需要在没有任何包(例如JQuery)的情况下使用标准javascript完成此操作。我得到的是一辆货车,由于我无法抛anchor的原因,它沿着两条路径而不是一条路径行驶。同样朝错误的方向移动(它应该沿着路径y=-25x移动,这样每向右移动25个像素它应该向上移动1个像素)。为了说明我想要实现的目标,请看这张图片:http://i.stack.imgur.com/9WIfr.jpg这是我的javascript文件:v