Questions tagged «html»

如何<canvas>用一种颜色填充整个HTML5 。 我看到了一些解决方案，如本使用CSS来改变背景颜色，但由于画布保持透明，这不是一个很好的解决方案，那就是改变它占据了空间的颜色的唯一的事。 另一种方法是通过在画布内部创建带有颜色的东西，例如矩形（请参见此处），但仍然不能用颜色填充整个画布（以防画布大于我们创建的形状）。 是否有解决方案，以特定的颜色填充整个画布？

91 javascript  html  canvas 

我希望将flex项居中，但是当我们有第二行时，将5（下图）置于1以下，而不位于父项的中心。 这是我所拥有的一个例子： ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; margin: 0; padding: 0; } li { list-style-type: none; border: 1px solid gray; margin: 15px; padding: 5px; width: 200px; } <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> </ul> 运行代码段隐藏结果展开摘要 http://jsfiddle.net/8jqbjese/2/

91 html  css  flexbox 

如您所见，list-items第一个row具有相同的height。但是第二个项目row有不同heights。我希望所有物品都穿制服height。 有什么方法可以在不提供固定高度且仅使用flexbox的情况下实现此目的？ 这是我的 code .list { display: flex; flex-wrap: wrap; max-width: 500px; } .list-item { background-color: #ccc; display: flex; padding: 0.5em; width: 25%; margin-right: 1%; margin-bottom: 20px; } .list-content { width: 100%; } <ul class="list"> <li class="list-item"> <div class="list-content"> <h2>box 1</h2> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> </div> …

91 html  css  flexbox 

已关闭。这个问题需要更加集中。它当前不接受答案。 想改善这个问题吗？更新问题，使其仅通过编辑此帖子来关注一个问题。 7年前关闭。 改善这个问题 我一直在研究HTML canvas库，遇到了这个问题。HTML canvas JavaScript库和框架的最新技术是什么？在2010年被问到。最高答案是Fabric.js。经过更多研究后，我发现http://www.html5canvastutorials.com/上有有关KineticJs的教程，该教程具有多个画布以提高速度。后来更多的研究表明，在速度和功能方面，Canvas库似乎无处不在。今天的JavaScript Canvas库和框架的当前状态是什么？有没有拔得头筹？ 编辑：由于图书馆在不断变化，并且最近有很多人来这里获取有关新图书馆的新闻和信息，所以我将问题更改为更加永恒。

90 javascript  html  html5-canvas 

是否可以像在Visual Studio（ctrl + k + d）中那样在Dreamweaver中自动设置代码格式

90 html  formatting  dreamweaver  code-formatting 

最近有几篇有关Google的新无图像按钮的文章： http://stopdesign.com/archive/2009/02/04/recreating-the-button.html http://stopdesign.com/eg/buttons/3.0/code.html http://stopdesign.com/eg/buttons/3.1/code.html http://gmailblog.blogspot.com/2009/02/new-ways-to-label-with-move-to-and-auto.html 我非常喜欢这些新按钮在Gmail中的工作方式。如何在网站上使用这些或类似按钮？是否有外观和风格相似的开源项目？ 如果我想使用JQuery / XHTML / CSS来滚动自己的按钮包，可以使用哪些元素？我最初的想法是： <input type="button">css的标准，以改善外观（设计文章主要讨论css / imges涉及。） jQuery javascript弹出一个自定义对话框，该对话框植根于“ onclick”事件上的按钮，该对话框中将包含<a>标签和用于过滤的搜索栏？该弹出窗口的表格布局是否合理？ 我对Web上的反向工程非常糟糕，可以使用哪些工具来对这些按钮进行反向工程？使用Firefox的Web开发人员工具栏，我无法真正看到在按钮弹出对话框中使用的CSS或JavaScript（即使已缩小）。我可以使用哪种浏览器工具或其他方法来窥视它们并获得一些想法？ 我不想盗用Google的任何IP，只是想知道如何创建类似的按钮功能。

90 javascript  html  css  gmail  reverse-engineering 

是否可以使用BeautifulSoup从HTML中删除脚本标签及其所有内容，还是必须使用正则表达式或其他内容？

90 python  html  beautifulsoup 

我睡眠不足吗？以下代码 var frame=document.getElementById("viewer"); frame.width=100; frame.height=100; var ctx=frame.getContext("2d"); var img=new Image(); img.src="http://www.ansearch.com/images/interface/item/small/image.png" img.onload=function() { // draw image ctx.drawImage(img, 0, 0) // Here's where the error happens: window.open(frame.toDataURL("image/png")); } 抛出此错误： SECURITY_ERR: DOM Exception 18 这是绝对不可能的！有人可以解释一下吗？

90 javascript  html  canvas  cross-domain 

根据： http://developer.android.com/sdk/android-2.0-highlights.html Android 2.0应该支持HTML5视频元素。我无法使用Motorola Droid使它正常工作，也无法在任何HTML5视频示例页面上成功查看视频。由于目前不支持QuickTime或Flash，这是我想到的将mp4视频嵌入网页中的唯一其他方法。有人有运气吗？

90 android  video  mobile  html 

我正在尝试替换元素的内联样式标签值。当前元素如下所示： `<tr class="row-even" style="background: red none repeat scroll 0% 0%; position: relative; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" id="0000ph2009-06-10s1s02">` 并且我想删除所有这些样式内容，以便按类而不是内联样式对其进行样式设置。我试过删除element.style; 和element.style = null; 和element.style =“”; 无济于事。我当前的代码在这些语句处中断。整个函数如下所示： function unSetHighlight（index）{ if(index < 10) index = "000" + (index); else if (index < 100) index = "000" + (index); else if(index < 1000) …

90 javascript  html  dom  styles 

我在力度模板中有一个HTML表。我想使用Java脚本或jquery将html表格数据导出到excel，与所有浏览器兼容。我正在使用以下脚本 <script type="text/javascript"> function ExportToExcel(mytblId){ var htmltable= document.getElementById('my-table-id'); var html = htmltable.outerHTML; window.open('data:application/vnd.ms-excel,' + encodeURIComponent(html)); } </script> 该脚本可以在Mozilla Firefox中正常运行，它会弹出一个excel对话框，并要求打开或保存选项。但是，当我在Chrome浏览器中测试相同的脚本时，它无法按预期工作，当单击按钮时，Excel不会弹出。数据下载到文件名为“ file type：file”的文件中，没有扩展名，例如.xls。Chrome 控制台中没有错误。 jsfiddle示例： http://jsfiddle.net/insin/cmewv/ 在mozilla中工作正常，但在chrome中则不能。 Chrome浏览器测试用例： 第一张图片：我点击“导出到Excel”按钮 结果：

90 javascript  jquery  html  excel  google-chrome 

这是一个HTML输入文本框： <input type="text" id="text" name="text_name" /> 定义盒子尺寸的选项有哪些？ 如何在CSS中实现呢？

90 html  css  input 

我正在尝试创建如下图所示的形状，仅在一侧（例如，底侧）上有一个倾斜的边缘，而其他边缘保持笔直。 我尝试使用border方法（下面给出了代码），但是形状的尺寸是动态的，因此无法使用此方法。 .shape { position: relative; height: 100px; width: 200px; background: tomato; } .shape:after { position: absolute; content: ''; height: 0px; width: 0px; left: 0px; bottom: -100px; border-width: 50px 100px; border-style: solid; border-color: tomato tomato transparent transparent; } <div class="shape"> Some content </div> 运行代码段隐藏结果展开摘要 我也尝试过使用渐变作为背景（例如下面的代码），但是随着尺寸的变化，它变得混乱了。您可以将鼠标悬停在以下代码段的形状上，以了解我的意思。 显示代码段 .gradient { display: inline-block; …

90 html  css  responsive-design  css-shapes 

我认为像下面这样的按钮的正常行为是该value属性也用作标签： <input type="submit" name="submitButton" value="DeleteAnswer22" /> 显示标签和值可以有单独的属性吗？

90 html 

我想将动态文本用作标签中某些元素的背景。因此，我可以使用图像（动态文本）。我该如何仅使用CSS或JavaScript？

90 html  css  background