Tag: html5

用canvas制作矩形叠加图像: 我想用HTML5 canvas来达到以下目的：我的代码： jsfiddle // Options var maxImageWidth = 250, maxImageHeight = 196, radius = 50; var canvas = $(‘#ddayCanvas’), canvasWidth = canvas.width(), canvasHeight = canvas.height(), sectorColor = $(‘.product-box’).css(‘background-color’), context = canvas[0].getContext(‘2d’), imageSrc = canvas.data(‘image’); function drawDday (option) { var imageObj = new Image(); imageObj.onload = function() { if (option == ‘clip’){ context.save(); context.clip(); } […]

HTML5video控件不起作用: 我做了很多研究，虽然有些问题/评论确实指出了我正确的方向，但我仍然坚持不懈。摘要：HTML5video显示控件但无法单击它们。当你浏览它们时，它们会消失。你无法点击暂停，播放，静音，什么都没有。请帮我弄清楚发生了什么。该网站是www.innovo-medical.com （如果你想看看发生了什么）手续如下： div.video-background { height: 100%; left: 0; overflow: hidden; /*position: fixed; top: 96px;*/ vertical-align: top; width: 1180px; /*z-index: -1; */ padding-top:75px; position:relative; margin: 0 auto; margin-bottom:-70px; } div.video-background video { min-height: 100%; min-width: 100%; z-index: -2 !important; } div.video-background > div { height: 100%; left: 0; position: absolute; […]

Chrome扩展程序：如何禁用页面可见性API: 我正在编写一个Chrome扩展程序，需要阻止网页触发文档可见性更改事件。至少我需要能够覆盖document.visibilityState（即使它是一个只读属性）。如果不可能，因为此扩展程序仅用于我的目的而不会在Chrome扩展程序商店中，是否有一种方法可以配置我的Chrome浏览器以达到我想要的效果？我只需要在Chrome“开发者模式”启用时使用此扩展程序，而不是其他时间。我希望有人能想出一种创造性的方法来实现这一目标。谢谢。请注意！ 4年前的答案中有一个解决方案，在较新版本的Chrome中不再生效：欺骗或禁用Page Visibility API 自己测试一下： // This codes worked 4 years ago but not anymore var c='(function(){var a=Node.prototype.addEventListener;Node.prototype.addEventListener=function(e){if(e==”visibilitychange”||e==”webkitvisibilitychange”){}else a.apply(this,arguments)}})()’ , E=document.documentElement; E.setAttribute(‘onreset’, c); E.dispatchEvent(new CustomEvent(‘reset’)); E.removeAttribute(‘onreset’); // THIS WILL STILL LOG THE STATES EVEN WITH THE ABOVE CODE RUNNING document.addEventListener(“visibilitychange”, function() { console.log( document.visibilityState ); }); 如果在Chrome中无法实现，那么Firefox / […]

CSS3表现如何？动画左或translateX: 在我正在制作的HTML5 / CSS3演示中，我主要使用CSS过渡来加速性能。我想知道我的UI – 例如，当前JQuery根据鼠标位置操作容器Div的LEFT属性，例如，我应该改为使用transform: translateX(tx)吗？或者，如果浏览器支持JQuery，它会自动执行此操作吗？

如何从提交按钮获取formmethod和formction: 我原本以为表单对象会填充formmethod和formaction。问题：有没有办法进行编队？或者找出单击表单中的哪个按钮，从按钮访问它们？我是否需要重写我的事件处理程序来捕获按钮上的点击（ $(document).on(‘click’, ‘.myformbtn’, function(e) ）并使用var queryString= $(this).parent(‘form’).serialize();访问表单。 Save Get new data $(document).ready(function() { $(document).on(‘submit’, ‘form’, function(e) { e.preventDefault(); var formaction = $(this).getFormAction(); var queryString= $(this).serialize(); $.ajax({ type: formmethod, url: formaction, data: queryString }); }); }); 我找到了类似的问题，答案总是$(this).attr(‘formaction’)这是不正确的，因为表单没有该属性。我希望提供一个如何使用它将让人们的大脑工作的例子。

HTML5 Boilerplate和jQuery: 我想知道为什么来自http://html5boilerplate.com/的样板在web内容之后声明了jQuery？这有充分的理由吗？这是代码的片段…… Hello world! This is HTML5 Boilerplate. window.jQuery || document.write(”) PS什么是window.jQuery || 部分吗？

在8中打印flot graph: 我目前正在使用http://www.flotcharts.org/作为图形插件。我试图实现从内容包围的页面打印flot图形的能力。我正在尝试打开一个新窗口并打印一个canvas对象，这样我就可以打印出flot图，我已经成功完成了。但是，要做到这一点，我需要使canvas成为一个图像，以便我可以在一个新窗口中打开它，因为我无法让flot在新窗口上工作。 canvas.toDataURL(); 在Internet Explorer 8中，我得到的错误是没有方法toDataURL（）。我相信这是因为Internet Explorer 8不支持canvas标记，而flot必须使用变通方法。那么如何从新浏览器和Internet Explorer 8中的页面打印刚才的flot图？

在加载@ font-face-font之前，如何等待第一次canvas重绘？: 我有一个HTML5-canvas并用context.fillText(…);写文本context.fillText(…); 使用@ font-face-font。使用Firefox显示页面（3.6）我遇到问题，在canvas的第一个画面上，字体尚未下载，因此文本将以标准字体显示。我在这里找到了一个“解决方案” ，但它不起作用，因为字体仅在canvas中使用，并且使用jQuery加载并使用ajax显示canvas。有没有比尝试使用超时setTimeout(repaintCanvas, 500);更好的解决方案setTimeout(repaintCanvas, 500); ？

如何将外部源加载到iframe而不是下载？: 我有一个iframe，我试图在src中放置一个链接。 src是一个通常从服务器下载到文件系统的html文件，但我现在想要在iframe中显示它。有没有办法强制iframe加载它在src中得到的任何东西，而不是下载它？编辑：我正在使用jquery， $(‘#webinfo’).attr( “src”, path); webinfo是我的iframe。当我加载它时，它将路径指向的html文件放在我的下载文件夹中，而不是在我的iframe中显示它。这是我对iframe的定义。和我的CSS #webdiv{ display: block; overflow-x: hidden; overflow-y: scroll; height: calc(100% – 40px); } .webdivSetup{ height: 100%; width: 100%; border: none; }

如何创建一个复制并插入自己的div的函数？: 编辑：访问https://jsfiddle.net/DTcHh/40740/获取最终解决方案！更新：这个问题是一个后续问题！我有一个带有“添加问题”（Bootstrap）单选按钮的div。我的意图是，当点击上面提到的按钮时，应该复制放置按钮的div并将其放在下面：我怎么做？单击按钮时没有任何反应。 js.fiddle HTML： Question: Enter avaible options: Add Question Save Test jQuery的 $(“#radioAddQuestion”).click(function() { var html = $(“#” + singleQuestionModule).html(); $(html).insertAfter(“#” + singleQuestionModule); }); 这是我试图重现的一个工作示例（不是我的代码）。