Tag: html5

在iOS中包含HTML5中的SVG: 我想在HTML5网页中包含SVG图像，通过JavaScript与SVG进行交互，并应用CSS样式。如果可能的话，我宁愿将SVG保存在一个单独的文件中。我希望能够离线使用网页，所以希望任何解决schemebuild议将与此兼容。请有人build议这样做最好的/最多的跨浏览器兼容的方式？如果没有一种方法可以在所有的浏览器上运行的话，我会很乐意去解决一个适用于iOS 4.3的Safari浏览器的方法:-) 提前致谢！感谢大家，并道歉不要更新更快 – 不幸的是，我分心了另一个项目！经过一段时间玩各种替代选项，（ http://tavmjong.free.fr/SVG/SVG_IN_HTML/svg_in_html.html / http://www.schepers.cc/svg/blendups/embedding.html ）我还是没有能够使用外部的.svg文件，并保持在主HTML5文件的JS – 即我一直无法获得这些方法来允许SVG文件引用JSfunction，或允许HTML文件获得访问包含的SVG文件中的元素。即使内联SVG在iOS上还没有工作:(所以，我要用Raphael（http://raphaeljs.com）来试试我的运气，我认为这可能意味着我需要编程创buildSVG而不是只能链接到一个外部的.svg文件，我只需要编写一个脚本来将SVG内容转换成JS Raphael函数调用，并希望避免其他任何绊脚石。

移动Safari中忽略溢出-x值: 我们将overflow-x值设置为隐藏在正文和可滚动元素上，但移动Safari忽略这些值。在桌面上，溢出值工作正常。相关代码： body { overflow-x:hidden; width:320px; height:100%; min-height:100%; margin:0; background:-webkit-linear-gradient(top,#e8e4dc,#f2f0eb); } .page_list, .content { max-height:370px; box-sizing:border-box; padding:0; overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch } #catalog_page { border-left:1px solid #CCC; z-index:28; position:absolute; top:0; width:200px; height:460px; background:white; -webkit-transition:-webkit-transform 0.1s ease-in;; -webkit-transform:translate3d(0,0,0); display:none; } catalog_page位于视口之外，只有在某人做了手势之后才能滑入视图。重现： 1）在iPhone上访问www.tekiki.com （不是iPad）。滚动到右侧，即使我们修正了主体宽度，您仍然会看到catalog_page如何扩展网站的宽度。

在iPhone 3GS和iPhone 4上embeddedMobile Safari的HTML5video: 我在服务器上的mp4文件中有一个H.264 / AAC编码的video，MIMEtypes的video/ mp4被添加到networking服务器（IIS 7），我有一个带有video标签的页面： <video id="html5-video" width="360" height="202" poster="/images/poster.png" controls> <source src="/video/Web-360×202-14MB.mp4" type="video/mp4"> </video> 在iPhone 4上工作的很好，但在iPhone 3GS（相同的iOS版本，4.3.2）上只显示海报图像，并点击它不启动video。当我尝试直接打开video文件时，我从Mobile Safari开发者控制台得到一个“提示”：其他提示的QuickTime 电影无法播放在iPhone 3GS上使用HTML5video需要什么？这是一个编码问题？

如何在cordova的HTML5video播放期间忽略铃声设置: 我想让Cordova的HTML5video播放器在铃声开关设置为“静音”时播放声音，就像Safari中的默认行为一样。我设法通过摆弄cordova默认视图控制器来获得我想要的行为，但我宁愿不修改cordova的默认控制器（部分原因是因为它似乎是错误的，但主要是因为我们希望能够重新编译）build立我们的cordova应用程序，而不必担心修改库文件。）所以我的主要问题是，我不太清楚如何继续向Cordova的控制器初始化添加一些代码。有几件事我不确定： 1）我错过了一个明显的设置让cordova为我做这个？我看到媒体插件做了类似的事情，但没有find像video的东西。 2）我的临时解决scheme/概念validation涉及修改Cordova控制器的“viewDidLoad”处理程序中的AudioSession类别。我在正确的地方修改控制器代码吗？我是否通过这样做来破坏已经存在的会话？ 2）如果从Obj-C / ios应用程序初始化的angular度来看，我的当前代码是OK的，那么我怎样才能将它与Cordova集成，以便我们可以使用它来构build一个新的Cordova项目（因为这是我们构build过程的一部分）？如果我将代码封装到一个插件中，“pluginInitialize”是否可以执行它？我没有太多的Objective-C / iOS原生经验，所以如果这主要是知道正确的事情来search/或理解应用程序初始化的问题，也可以赞赏！编辑：使用的cordova版本是3.5.0-0.2.7 当前的代码这里是我干扰cordova视图控制器的代码：我假设cordova的WebView使用苹果默认audio设置（苹果文档）进行video播放： AVAudioSessionCategoryAmbient 声音播放不是非主要的应用程序的类别，即您的应用程序可以在声音closures的情况下成功使用。我假设我想使用AVAudioSessionCategoryPlayback设置。我编辑了主要的cordova视图控制器：【工程/ IOSbuild造] /CordovaLib/Classes/CDVViewController.m“ 通过从“viewDidLoad”处理程序的另一个答案放置此片段： AVAudioSession *audioSession = [AVAudioSession sharedInstance]; BOOL ok; NSError *setCategoryError = nil; ok = [audioSession setCategory:AVAudioSessionCategoryPlayback error:&setCategoryError]; if (!ok) { NSLog(@"%s setCategoryError=%@", __PRETTY_FUNCTION__, setCategoryError); } 然后，我们的video播放audio，铃声静音成功，但是，如上所述，我想就如何将此代码与Cordova进行集成提供build议，而不是就地编辑。

没有iOS的WebGL的交互式3D模型: 我想做类似于这个 – http://appserv.kfshrc.edu.sa/Default/Health/Anantomy.aspx ，但没有使用闪光灯，并能够在iPad上的移动Safari。我用WebGL玩，这是伟大的，但不适用于iOS（尽pipe它在移动Safari中，但它只是为了iAds）。我也试过CSS 3D转换，但它不能正常工作。那么，我可以用什么来实现iOS移动Safari？

Canvas.toDataURL不适用于移动Safari iOS？: 我尝试了以下。我从一个SVG图像创build一个<img> 。然后我画在canvas上，最后导出为PNG，并将生成的PNG设置为新的<img> 。它适用于Android，Chrome，Safari，FireFox。但是， canvas.toDataUrl()不适用于iOS上的移动Safari。它只在你不使用canvas上的SVG图像时才起作用。这里是我用来testing的代码： <div id="mydiv"></div> <img id="image2"> var mydiv = document.getElementById('mydiv'), image2 = document.getElementById('image2'); image2.crossOrigin="anonymous"; var image3 = new Image(); mydiv.appendChild(image3); image3.onload = function() { var canvas = document.createElement('canvas'), ctx = canvas.getContext('2d'); canvas.width = image3.width; canvas.height = image3.height; ctx.drawImage(image3,0,0, canvas.width, canvas.height); var dataUrl = canvas.toDataURL('image/png'); image2.src = dataUrl; […]

删除dateinput（iOS Safari）上的“清除”button: 是否可以删除iOS Safari（图像）上的<input type="date">input字段的“清除”button？我已经尝试使用所需，但它不适用于iOS6或iOS7。

使用iOS和Android的HTML 5文件input: 在PhoneGap应用程序中，我尝试使用像这样使用HTML5 input标签的相机。使用CLI创build新项目添加iOS和Android平台添加相机插件 build立两个设备在两台设备上运行（实际设备IPhone 5与iOS 7.1.2和Android 4.4.2（三星注））以下是我试图执行的代码行 <input id="imageHolder" type="file" accept="image/*" capture /> 它适用于iPhone，但不适用于Android。我错过了什么？或者，这不支持在Android？在Android中敲击字段后，在iPhone中没有任何反应，它的行为如下

如何在iOS上的<input type = date>上注册值更改事件: 我正在尝试创build一个HTML5inputdate组件，以便我可以利用本机iOSdate/时间select器，我正在使用jQuery。我有以下代码来生成组件： var $inputDate = $("<input></input>"); $inputDate.attr("type", "date"); $inputDate.attr("value", "2004-05-03"); $inputDate.change(function(event) { console.log("value changed"); }); 代码在本机应用程序的webkit组件内部运行。 input控件显示正常，我可以使用select器来更改值。但是，更改值并closures选取器时，不会触发更改函数。当我在Chrome的网页中运行这个function时，事情就像预期的那样工作。我如何使这个工作在iOS？

WebCore :: UserGestureIndicator :: processingUserGesture中的EXC_BAD_ACCESS（SIGSEGV）: 我有一个使用UIWebView和HTML5 websockets构build的iOS应用程序。该应用程序看似随机崩溃。它发生在一个用户正在与它进行交互，并在用户和应用程序之间没有交互发生的长寿testing。崩溃日志都有以下内容： Exception Type: EXC_BAD_ACCESS (SIGSEGV) Exception Subtype: KERN_INVALID_ADDRESS at 0x00000000 线程日志包含： Thread XX name: WebCore: Worker Thread XX Crashed: 0 WebCore 0x36c8c7a0 WebCore::UserGestureIndicator::processingUserGesture() + 20 1 WebCore 0x36d7070a WebCore::DOMTimer::DOMTimer(WebCore::ScriptExecutionContext*, WTF::PassOwnPtr<WebCore::ScheduledAction>, int, bool) + 74 2 WebCore 0x36d70616 WebCore::DOMTimer::install(WebCore::ScriptExecutionContext*, WTF::PassOwnPtr<WebCore::ScheduledAction>, int, bool) + 46 3 WebCore 0x3753ae7e WebCore::WorkerContext::setTimeout(WTF::PassOwnPtr<WebCore::ScheduledAction>, int) + 30 4 […]