草庐IT

Android和播放SVG动画

全部标签

javascript - Angular 4 使用 Angular 动画为任何高度/位置变化设置动画

我希望这是一个非常直截了当的问题。有没有办法使用Angular动画语法为元素上的任何高度或位置变化设置动画?例如,如果删除一个DOM元素导致另一个元素向上移动,是否可以在不设置状态变量的情况下为向上移动设置动画?或者类似的没有状态的东西。提前致谢。 最佳答案 您可以为所有可能被动态删除/添加的子元素添加一个折叠动画。如果子高度是动画的,那么容器大小也是动画的。trigger('fold',[transition(':enter',[style({height:0,overflow:'hidden'}),animate('.3seas

javascript - 将文件流式传输到 html 视频播放器,因为它正在使用 fs 在 Electron 中下载

我目前正在尝试使用HTML视频播放器从Electron中的文件系统流式传输文件。我想在文件下载时开始流式传输。我不确定我当前的计划是否可行(或者这是否可行)。计划从文件创建一个可读流,该流会随着文件的下载而更新从该流生成一个bloburl使用该bloburl作为视频源我认为目前失败的地方是我在读取第一个block后生成了一个bloburl,但之后的任何block都不包含在bloburl中。这是关于我想做的事情(我知道这段代码行不通)constfile=GrowingFile.open(downloadPath)//providesareadablestreamforafileletch

javascript - 使用 Chrome webkitAudioContext 在中间开始播放加载的音频文件?

我正在使用Chrome网络音频API和webkitAudioContext来播放循环。我有几个循环,我在它们之间交叉淡入淡出,类似于DigitalDJChrome博客上的例子。在他们的示例中,他们在循环到达循环结束时切换样本,然后开始播放下一个加载的循环。我想立即开始新循环并在其间交叉淡入淡出,但我还没有找到关于如何在中间开始播放新音频文件的示例,而不仅仅是从头开始。我已经查看了W3CWebAudioAPI并且您发送的noteOn参数只是一个时间编码,与音频开始播放时的上下文currentTime属性相关。它总是从样本的开头开始播放。是否有更多文档或我忽略了如何开始播放音频文件2秒的内

javascript - 使用内联动画关键帧定义?

我们有这种在css文件中定义关键帧的语法:@-webkit-keyframesfade{from{opacity:1;}to{opacity:0.25;}}我们像这样引用它:.foo{-webkit-animation:fade1slinearinfinite;}有没有办法直接内联它,比如:.foo{-webkit-animation:(from{opacity:1;}to{opacity:0.25;})1slinearinfinite;}有没有办法做到这一点,或者在运行时将“@-webkit-keyframes”元素注入(inject)我的样式表?谢谢 最

javascript - 开源 scorm 播放器纯 javascript 和 html?

有没有纯javascript和html的scorm播放器。我确实不想为此使用任何服务器端语言。我找到了一个开源Scormpool但它只是在玩scorm而不是跟踪。并且没有可用的文档。如果你们知道请帮助。 最佳答案 这也可以帮助您入门,或者您可以根据自己的需要对其进行定制。https://github.com/skfriese/simple-scorm-api这是一个基本的SCORM1.2-onlyRTE测试环境,位于一个HTML文件中,是我多年前根据自己的需要创建的。我最近才选择清理它以与他人分享。很容易将其放入您的包文件夹并从那里

javascript - JW 播放器在 IE 8 中不工作

我只是在检查JWPlayers与所有浏览器的兼容性。但是,在IE8浏览器中甚至不会出现空白屏幕,在其他浏览器中它运行良好。我已经阅读了链接JWPlayerNotWorkingforInternetExplorer8但无法获得任何帮助。if((window.outerWidth&&window.outerWidth>640)||(document.body.clientWidth&&document.body.clientWidth>640)){alert('error');}Loadingtheplayer...jwplayer("myElement").setup({file:"my

javascript - 谷歌地图容器在动画后无法正确调整大小

我有一个谷歌地图容器,假设高度为600像素。我有一个按钮,调整(jQuery)map周围的div容器:$('#add').click(function(){$("#container-map").animate({height:'50%',minHeight:'50%'},1500);google.maps.event.trigger(map,'resize');});现在容器和map的高度是300像素,但googlemapsapi认为它仍然是600像素,所以map的中心仍然是300像素,尽管它应该是150像素(300/2)。http://woisteinebank.de/dev2.h

javascript - 在 node.js 服务器上更改 svg 中文本元素的内容

我在Node/快速服务器上使用svg.js以及svgdom来尝试管理svg,然后将其转换为PNG以构建PDF。目前,我已经做到了这一点constwindow=require('svgdom');constSVG=require('svg.js')(window);constdocument=window.document;constdraw=SVG(document.documentElement);constfs=require('fs');consttag=fs.readFileSync(`images/name-tag-1-with-name.svg`,'utf8');const

javascript - 最佳基于 Web 的 SVG 所见即所得

我有一个需要绘图程序的站点。我的用户需要能够绘制平面图并向这些图像添加文本。我想知道是否有人遇到过不错的SVG所见即所得编辑器。否则我将不得不使用我不喜欢的Flash或Java应用程序。 最佳答案 我唯一知道的是svg-edit.它远不如CKEditor、TinyMCE或FCKEditor等编辑器在其应用领域中强大或成熟,实现起来也不会那么简单,因为它更像是一个脚本,就像一个组件,最后我不知道定制它是多么容易。但我非常怀疑是否有类似的东西更舒适。你可以试试here或here(顺便提一下,它不能在InternetExplorer中运行

javascript - 从 firefox 扩展的数据目录播放音频

我正在制作一个Firefox扩展程序,但无法播放位于加载项的data目录中的声音。我尝试的第一件事是以这种方式在内容脚本中播放它:varsoundFile=self.options.soundFile;(newAudio(soundFile)).play();其中self.options.soundFile是一个选项,它引用data目录中的资源文件。但我遇到了安全限制:SecurityError:Contentathttp://example.commaynotloadorlinktoresource://jid0-a02no8rrtu2pbize7g7sszzo0z8-at-jetp