Tag: html5

HTML5文件API读取为文本和二进制文件

我目前正在研究HTML5 File API,我需要获取二进制文件数据。 The FileReader的readAsText和readAsDataURL方法工作正常,但readAsBinaryString返回与readAsBinaryString相同的数据。 我需要二进制数据,但我得到一个文本string。 我错过了什么吗?

如何使用canvas.toDataURL()将canvas保存为图像?

我目前正在构build一个HTML5的Web应用程序/ Phonegap原生应用程序,我似乎无法弄清楚如何将canvas作为一个图像保存到canvas.toDataURL() 。 有人能帮我吗? 这是代码,它有什么问题? //我的canvas被命名为“canvasSignature” JavaScript的: function putImage() { var canvas1 = document.getElementById("canvasSignature"); if (canvas1.getContext) { var ctx = canvas1.getContext("2d"); var myImage = canvas1.toDataURL("image/png"); } var imageElement = document.getElementById("MyPix"); imageElement.src = myImage; } HTML5: <div id="createPNGButton"> <button onclick="putImage()">Save as Image</button> </div>

SVG阴影使用css3

是否有可能使用css3为svg元素设置阴影,如 box-shadow: -5px -5px 5px #888; -webkit-box-shadow: -5px -5px 5px #888; 我看到一些关于使用滤镜效果创build阴影的评论。 有没有单独使用CSS的例子。 下面是一个工作代码,正确应用cusor风格,但没有阴影效果。 请帮我用最less的代码获得阴影效果。 <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE HTML><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <style type="text/css" media="screen"> svg .shadow { cursor:crosshair; -moz-box-shadow: -5px -5px 5px #888; -webkit-box-shadow: -5px -5px 5px #888; box-shadow: -5px -5px 5px #888; } </style> </head> <body> <meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" /> <svg […]

<section>和<div>有什么区别?

HTML中的<section>和<div>什么区别? 我们不是在两种情况下定义部分?

如何以编程方式清空浏览器caching?

我正在寻找一种方式来编程清空浏览器caching。 我这样做是因为应用程序caching了机密数据,我想在按下“注销”时删除这些数据。 这将通过服务器或JavaScript发生。 当然,在外国/公共计算机上使用这个软件仍然是令人沮丧的,因为在软件层面上,像键盘logging器这样的危险更多。

HTML属性的长度是否有限制?

HTML中的属性值需要多长时间? 我在一个新的应用程序中使用了HTML5风格的数据属性( data-foo="bar" ),并且在一个地方存储一个公平的数据(100个字符以上)非常方便。 虽然我怀疑这个数字是好的,但是这提出了多less太多的问题?

如何强制HTML5表单validation,而不通过jQuery提交

我在我的应用程序中有这个表单,我将通过AJAX提交,但是我想使用HTML5进行客户端validation。 所以我想能够强制的formsvalidation,也许通过jQuery。 我想在不提交表单的情况下触发validation。 可能吗?

禁用HTML5表单元素的validation

在我的表单中,我想使用新的HTML5表单types,例如<input type="url" /> ( 关于这里的types的更多信息 )。 问题是,Chrome想要超级有用,并为我validation这些元素,除了它吸了它。 如果内置validation失败,除了获得焦点的元素之外,没有任何消息或指示。 我使用"http://"预填URL元素,因此我自己的自定义validation只是将这些值视为空string,但Chrome会拒绝这些值。 如果我能改变它的validation规则,那也可以。 我知道我可以恢复使用type="text"但是我希望使用这些新的types提供很好的增强function(例如:它会自动切换到移动设备上的自定义键盘布局): 那么, 有没有办法closures或自定义自动validation?

HTML5中是否有最小长度validation属性?

看来<input>字段的minlength属性不起作用。 是否有任何其他HTML5的帮助下,我可以设置字段值的最小长度的属性?

在Three.js中如何渲染地球的“气氛”?

在过去的几天里,我一直在试图让Three.js纹理工作。 我遇到的问题是,我的浏览器阻止加载的纹理,这是按照这里的说明解决。 无论如何,我正在为我的一个课程制作太空导航游戏,演示如何通过太空导航航天器。 所以,我正在渲染一堆行星,地球就是其中之一。 我在下面添加了一张我的地球图片。 它看起来没问题,但是我想要做的是通过在地球周围增加一个“气氛”使它看起来更加真实。 我环顾四周,发现了一些看起来很整齐的创作 ,但不幸的是,我认为它们不适用于我的情况。 这是将地球添加到我的场景中的代码(这是我从Three.js教程中获得的代码的修改版本): function addEarth(x,y){ var sphereMaterial = new THREE.MeshLambertMaterial({ //color: 0x0000ff, map: earthTexture }); // set up the sphere vars var radius = 75; segments = 16; rings = 16; // create a new mesh with // sphere geometry – we will cover // the sphereMaterial next! earth […]