找到 598 篇文章 关于前端脚本

DOMException 无法加载,因为未找到受支持的源

karthikeya Boyini
更新于 2020-06-25 07:26:12

2K+ 浏览量

这可能是跨源资源共享 (CORS) 问题。video.crossOrigin = 'anonymous';要启用跨源资源共享,请使用以下方法。它允许图像通过带有图像响应的 HTTP 标头。Access-Control-Allow-Origin: *您还可以使用 HTML() 方法 -$('#audio').html('');

什么是 HTML5 Canvas 中的合成?

Arjun Thakur
更新于 2020-01-28 06:04:08

225 浏览量

HTML5 canvas 提供合成属性 globalCompositeOperation,它会影响所有绘图操作。示例我们可以将新形状绘制在现有形状后面,并遮蔽某些区域,使用 globalCompositeOperation 属性从画布中清除部分区域,如下面的示例所示。                    var compositeTypes = [             'source-over','source-in','source-out','source-atop',             'destination-over','destination-in','destination-out',             'destination-atop','lighter','darker','copy','xor'          ];          function drawShape(){             for (i=0;i

在 HTML5 Canvas 网格中增加或减少单位

Jennifer Nicholas
更新于 2020-06-25 07:25:36

234 浏览量

HTML5 canvas 提供 scale(x, y) 方法,用于在画布网格中增加或减少单位。这可以用来绘制缩小或放大的形状和位图。此方法采用两个参数,其中 x 是水平方向的缩放因子,y 是垂直方向的缩放因子。两个参数必须是正数。示例让我们看一个示例 -                    function drawShape(){             // 使用 DOM 获取画布元素             ... 阅读更多

什么是 HTML5 canvas 中的变换矩阵?

Samual Sam
更新于 2020-06-25 07:26:44

164 浏览量

HTML5 canvas 提供允许直接修改变换矩阵的方法。变换矩阵最初必须是单位变换。然后可以使用变换方法对其进行调整。示例让我们看一个画布变换的示例 -                    function drawShape(){             // 使用 DOM 获取画布元素             var canvas = document.getElementById('mycanvas');             // 确保我们在画布不受支持时不执行             if (canvas.getContext){                // 使用 getContext 将画布用于绘图                var ctx = canvas.getContext('2d');                var sin = Math.sin(Math.PI/6);                var cos = Math.cos(Math.PI/6);                ctx.translate(200, 200);                var c = 0;                for (var i=0; i

如何在 HTML 中按 Enter 键后触发文本输入?

Vrundesha Joshi
更新于 2020-06-25 07:28:39

362 浏览量

使用带有 jQuery 的 HTML 来实现这一点,并在按下 Enter 键后触发 -示例                          $(document).ready(function(){             $('input').bind("enterKey",function(e){                alert("按下 Enter 键");             });             $('input').keyup(function(e){                if(e.keyCode == 13)                {                   $(this).trigger("enterKey");                }             });          });                             在上面的输入文本中按下 Enter 键。    

在 Android 中使用 HTML5 在 WebView 中播放 MP4 视频

Ankith Reddy
更新于 2020-06-25 07:12:13

796 浏览量

要在 WebView 中播放 MP4 视频,您需要首先在清单中声明内容提供程序 -使用 open() 方法实现打开文件 -URI myURL = URI.create("file:///mypath/new.mp4"); File f = new File(myURL); ParcelFileDescriptor p =    ParcelFileDescriptor.open(f, ParcelFileDescriptor.MODE_READ_ONLY); return p;

touchmove pointer-events: none CSS 在 Android 4.4/ChromeView 的 Chrome 中不起作用

Lakshmi Srinivas
更新于 2020-06-25 07:29:12

203 浏览量

当触摸点位于触摸表面上时,会触发 touchstart 事件。对 touchmove pointer-events 使用 addEventListener() -overlay.addEventListener('touchstart', function(ev){    ev.preventDefault(); });这里,我们还使用了 preventDefault() 方法。preventDefault() 方法阻止浏览器执行默认操作。

如何使用 CSS3 和 HTM5 创建具有不规则形状的 div?

karthikeya Boyini
更新于 2020-06-25 07:17:00

488 浏览量

使用 CSS3,您始终可以创建矩形、三角形等形状。让我们看看如何 -以下是矩形 -#shape1 {    width: 300px;    height: 150px;    background: blue; }以下是三角形 -#shape2 {    width: 0;    height: 0;    border-left: 200px solid transparent;    border-bottom: 200px solid blue; }

在 iOS Safari 上播放 WAV 文件

Nancy Den
更新于 2020-06-25 07:13:31

387 浏览量

要在 iOS Safari 上播放 WAV 文件,请添加内容范围标头。标头将允许播放 WAV 文件 -Content-Range: bytes XX-XX/XX Content-Type: audio/wav Content-Disposition: attachment; filename = "new.WAV" Content-Length: XX上面,new.WAV 是我们的 WAV 文件。

测量 HTML5 canvas 元素上的文本高度

George John
更新于 2020-06-25 07:12:51

1K+ 浏览量

要获取文本高度,请以 pt 设置字体 -context.font="15pt Calibri";现在,获取高度,如下所示 -var height = parseInt(context.font.match(/\d+/), 10);上面我们使用了匹配来从字体面中分离字体大小。

广告

© . All rights reserved.