一个 input。valueAsDate 方法返回一个反映 input 当前值的 Date 对象。显示的值遵循相同的格式。要使其工作：new Date().toISOString().substr( 0, 10 ); new Date().toLocaleDateString(); input.valueAsDate; input.valueAsDate.toLocaleDateString(); new Date( input.valueAsDate ); new Date( input.valueAsDate ).toISOString().substr( 0, 10 );

要创建 DragEvent，请使用 protractor API。官方文档说明：browser.get 方法加载页面。Protractor 预计页面上存在 Angular，因此如果它尝试加载的页面不包含 Angular 库，它将引发错误。（如果您需要与非 Angular 页面交互，您可以直接使用 browser.driver 访问包装的 Web 驱动程序实例）。也请使用以下模式：browser .actions() .dragAndDrop(myEle, {x:100,y:100}) .perform();

要解决未捕获的安全异常，您需要添加 crossorigin 属性：function getBase64() {    var myImg = document.getElementById("myid");    var c = document.createElement("canvas");    c.width = myImg.width;    c.height = myImg.width;    var context = c.getContext("2d");    context.drawImage(img, 0, 0);    var dataURL = c.toDataURL("image/png");    alert(dataURL.replace(/^data:image\/(png|jpg);base64,/, "")); } getBase64();

对于全页面拖放文件，请尝试以下代码：var myDrop = document.getElementById('dropZone'); function displayDropZone() {    myDrop.style.visibility = "visible"; } function hideDropZone() {    myDrop.style.visibility = "hidden"; } function allowDrag(ev) {    if (true) {       ev.dataTransfer.dropEffect = 'copy';       ev.preventDefault();    } } function handleDrop(ev) {    ev.preventDefault();    hideDropZone();    alert('这是 Drop！'); } window.addEventListener('dragenter', function(ev) {    displayDropZone(); }); myDrop.addEventListener('dragenter', allowDrag); myDrop.addEventListener('dragover', allowDrag); myDrop.addEventListener('dragleave', function(e) {    hideDropZone(); }); myDrop.addEventListener('drop', handleDrop);

要使 Safari 识别元素：main {    display: block;    width: 800px;    height: 800px;    background-color: #0C0; }您需要关注：main {    display: block; }

要解决 HTML5 元视口的问题，您可以使用以下任何修复方法：您也可以尝试以下方法：假设您的站点宽度为 100px，则它不会显示整个页面，在 initial-scale = 1 内

要在同一个 XMLHttpRequest 中发送文件和参数：var myForm = new FormData(); myForm.append('param1', 'demo'); myForm.append('param2', 6767); myForm.append('myDir', 'public-data'); myForm.append('demofile', file); xhr.send(myForm);

要增强 HTML5 canvas 性能：应禁用图像平滑以半分辨率渲染使用 drawImage() 更新主画布您需要使用整数坐标和大小尽可能多地使用 while 循环

要将图像绘制到画布上，请使用 HTML5 drawImage() 方法：                    function drawShape(){             // 使用 DOM 获取画布元素             var canvas = document.getElementById('mycanvas');                      // 确保在不支持画布时我们不执行             if (canvas.getContext){                // 使用 getContext 将画布用于绘图                var ctx = canvas.getContext('2d');                // 绘制形状                var img = new Image();                img.src = '/images/backdrop.jpg';                img.onload = function(){                   ctx.drawImage(img,0,0);                   ctx.beginPath();                   ctx.moveTo(30,96);                   ctx.lineTo(70,66);                   ctx.lineTo(103,76);                   ctx.lineTo(170,15);                   ctx.stroke();                }             } else {                alert('您需要 Safari 或 Firefox 1.5+ 才能查看此演示。');             }          }                        

您需要尝试以下操作才能使用 HTML5 从网络摄像头拍摄照片：声明变量var streaming = false,    video = document.querySelector('#video'), canvas = document.querySelector('#canvas'),    photo = document.querySelector('#photo'),    startbutton = document.querySelector('#startbutton'),    width = 320,    height = 0;使用 getUserMedianavigator.getMedia = ( navigator.getUserMedia ||                 navigator.webkitGetUserMedia ||                   navigator.mozGetUserMedia ||                    navigator.msGetUserMedia);