数据结构
网络
关系数据库管理系统 (RDBMS)
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 语言编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
服装设计
法学
1K+ 浏览量
video 标签用于添加视频，支持以下视频格式：MP4、WebM 和 Ogg。选择文件通过输入元素。change 事件被触发。该事件在用户对元素值进行更改时，会针对 input、select 和 textarea 元素触发。获取 File 对象。File 接口提供有关文件的信息，并允许网页中的 JavaScript 访问内容。这种类型的对象由 HTML 元素的 files 属性返回，最终允许您访问使用该元素选择的 fileList。指向对象的 URL ... 阅读更多
2K+ 浏览量
要进行抗锯齿，需要设置重新采样质量：ctx.imageSmoothingQuality = "low|medium|high" 使用离屏画布将图像缩小一半：var c = document.createElement('canvas'), ocx = c.getContext('2d'); c.width = img.width * 0.5; c.height = img.height * 0.5; ocxx.drawImage(img, 0, 0, c.width, c.height); // 将图像再次缩小一半并重复操作：itocx.drawImage(c, 0, 0, c.width * 0.5, cc.height * 0.5);
772 浏览量
您可以尝试运行以下代码，在 HTML5 canvas 中绘制椭圆：示例 // canvas var c = document.getElementById('newCanvas'); var context = c.getContext('2d'); var cX = 0; var cY = 0; var radius = 40; context.save(); context.translate(c.width / 2, c.height / 2); context.scale(2, 1); context.beginPath(); context.arc(cX, cY, radius, 0, 2 * Math.PI, false); context.restore(); context.fillStyle = '#000000'; context.fill(); context.lineWidth = 2; context.strokeStyle = 'yellow'; context.stroke(); 输出
526 浏览量
localStorage 用于在多个会话中持久化信息。它的最大大小为 5MB。示例您可以尝试运行以下代码片段来检查已分配的大小：var sum = 0; // 循环计算大小 for(var i in localStorage) { var amount = (localStorage[i].length * 2) / 1024 / 1024; sum += amount; document.write( i + " = " + amount.toFixed(2) + " MB"); } document.write( "Total = " + sum.toFixed(2) + " MB");
477 浏览量
Html2Canvas 是一个 JavaScript 库，可以截取整个网页或特定部分的截图。它不会截取截图，而是根据页面信息创建视图。示例下面是一个示例代码。此处，html2canvas.js 脚本包含在 <head> 中。调用 html2canvas() 方法。返回 base64 值，最终创建图像源或图像文件。 截屏 function screenshot(){ html2canvas(document.body).then(function(canvas) { document.body.appendChild(canvas); }); }
443 浏览量
对于画布上的双缓冲，创建第二个 canvas 元素并在其上绘制。之后，使用 drawImage() 方法将图像绘制到第一个画布上：// canvas 元素 var canvas1 = document.getElementById('canvas'); var context1 = canvas1.getContext('2d'); // 缓冲区画布 var canvas2 = document.createElement('canvas'); canvas2.width = 250; canvas2.height =250; var context2 = canvas2.getContext('2d'); // 在 canvas context2 上创建 context2.beginPath(); context2.moveTo(10,10); context2.lineTo(10,30); context2.stroke(); // 渲染缓冲区画布 context1.drawImage(canvas2, 0, 0);
606 浏览量
在 HTML 中，我们可以使用 contenteditable 属性编辑内容，它指定元素内容是否可由用户编辑。contentEditable 属性设置或返回元素的内容是否可编辑。语法在 HTML 中使用可编辑内容的用法/语法如下：contenteditable 属性有两个值 true/false。True 表示元素可编辑。False 表示元素不可编辑。示例以下是创建 HTML 中可编辑内容的示例：这 ... 阅读更多
135 浏览量
HTML <datalist> 标签指定 input 元素的一组选项。您可以尝试运行以下代码以列出 HTML5 中输入值的选项：示例 HTML <datalist> 标签 尝试添加上面提到的任何教程名称。
10K+ 浏览量
HTML <bgsound> 标签用于在背景中播放音乐。此标签仅适用于 Internet Explorer。示例您可以尝试运行以下代码，在 HTML 中添加背景音乐：HTML <bgsound> 标签 在背景中播放声音文件。HTML <bgsound> 标签还支持以下属性：属性值描述loopnumber允许您重复播放背景音轨一定次数。srcURL指定声音文件的路径。
151 浏览量
在 HTML 中使用 dir 属性来添加文本的方向。示例您可以尝试运行以下代码，在 HTML 中包含文本显示方向：这是从左到右的演示文本。这是从右到左的演示文本。