标签: html5

将图像文件存储在IndexedDB中

我在尝试在IndexedDB本地存储中存储和映像文件时遇到问题,我抓住文件对象并尝试将其推送到IndexedDB但它似乎抛出并出错:DOM异常:DATA_CLONE_ERR(25)

如何将文件对象(如下所示)转换为我可以存储在indexedDB中并在以后从indexedDB中检索的内容?

attribute: 32
contentType: "image/png"
displayName: "image1"
displayType: "PNG File"
fileType:    ".png"
name:        "image1.png"
path:        "C:\pictures\image1.png"
Run Code Online (Sandbox Code Playgroud)

javascript html5 indexeddb

4
推荐指数
2
解决办法
6911
查看次数

移动HTML5 SVG路径

我的应用程序中有一个SVG路径元素,如:

<path d="M100,100 Q200,400,300,100"/>
Run Code Online (Sandbox Code Playgroud)

在按钮单击中,我必须将此路径移动到左侧,例如,从100到200.我使用转换完成了:

$('.path').each(function () {
    $(this).attr('transform', 'translate(100, 0)');
});
Run Code Online (Sandbox Code Playgroud)

但是,在下一次单击时它不会移动.如何在每次点击时获取路径元素?

jquery html5 svg jquery-svg

4
推荐指数
1
解决办法
3916
查看次数

HTML5 JavaScript在Chrome中粘贴图像数据

如何使用此插件开发一个工作示例:HTML5 JavaScript在Chrome中粘贴图像数据

作者提出了一个很好的例子,看起来它符合我们的目的.我不熟悉创建一个jQuery插件.

目标是使用此插件将剪贴板图像粘贴到富文本编辑器(如TinyMCE)中.

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PASTE IMAGE</title>

<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.18.custom.min.js"></script>
<script type="text/javascript">

// Created by STRd6
// MIT License
// jquery.paste_image_reader.js
(function($) {
var defaults;

  $.event.fix = (function(originalFix) {
    return function(event) {
      event = originalFix.apply(this, arguments);
     if (event.type.indexOf('copy') === 0 || event.type.indexOf('paste') === 0) {
        event.clipboardData = event.originalEvent.clipboardData;
     }
  return event;
};
})($.event.fix);

defaults = {
  callback: $.noop,
  matchType: /image.*/
};

$.fn.pasteImageReader = function(options) {
if (typeof options === "function") { …
Run Code Online (Sandbox Code Playgroud)

jquery html5 tinymce coffeescript

4
推荐指数
1
解决办法
2743
查看次数

getAttributeNS的行为是什么?

我正在用JavaScript编写一个小程序,我要在其中解析以下小的XML片段:

<iq xmlns="jabber:client" other="attributes">
  <query xmlns="jabber:iq:roster">
    <item subscription="both" jid="romeo@example.com"></item>
  </query>
</iq>
Run Code Online (Sandbox Code Playgroud)

因为我不知道,如果元素和属性有名称空间前缀,我正在使用名称空间感知函数(getElementsByTagNameNS,getAttributeNS).

var queryElement = iq.getElementsByTagNameNS('jabber:iq:roster', 'query')[0];
if (queryElement) {
  var itemElements = queryElement.getElementsByTagNameNS('jabber:iq:roster', 'item');
  for (var i = itemElements.length - 1; i >= 0; i--) {
    var itemElement = itemElements[i];

    var jid = itemElement.getAttributeNS('jabber:iq:roster', 'jid');
  };
};
Run Code Online (Sandbox Code Playgroud)

使用此代码,我没有得到属性的值jid(我得到一个空字符串),但是当我使用itemElement.getAttribute('jid')而不是itemElement.getAttributeNS('jabber:iq:roster', 'jid')我得到预期的结果.

如何以命名空间感知的方式编写代码?在我对XML的理解中,属性jid的命名空间具有命名空间jabber:iq:roster,因此函数getAttributeNS应该返回值romeo@example.com.

[更新]问题是(或者是)我对使用命名空间和XML属性的理解,并且与DOM API无关.因此,我创建了另一个问题:XML命名空间和未加前缀的属性.另外因为XML命名空间和属性不幸没有给我答案.

[更新]我现在做的是首先检查是否存在没有命名空间的属性,然后是否存在具有命名空间的属性:

var queryElement = iq.getElementsByTagNameNS('jabber:iq:roster', …
Run Code Online (Sandbox Code Playgroud)

javascript xml html5 dom

4
推荐指数
1
解决办法
1618
查看次数

将画布导出为视频

是否可以将画布动画导出到视频?我想构建一个工具,允许创建简单的动画,但我想将它们导出为.avi .mp4或任何视频格式.

这可能吗?如果是这样,我该怎么办?

html5 animation export canvas

4
推荐指数
3
解决办法
4679
查看次数

ID属性可以以冒号开头吗?

为纯粹的学术目的查看Gmail的来源,我遇到了这个.

<input id=":3f4" 
    name="attach" 
    type="checkbox" 
    value="13777be311c96bab_13777be311c96bab_0.1_-1" 
    checked="">
Run Code Online (Sandbox Code Playgroud)

不知道奇迹,大多数元素都有以:
我一直认为ID属性的定义开头的ID为止.

ID和NAME令牌必须以字母([A-Za-z])开头,后面可以跟任意数量的字母,数字([0-9]),连字符(" - "),下划线("_") ,冒号(":")和句号(".").

或者我错过了什么新东西?我的意思是用HTML5可以吗?

html html5

4
推荐指数
1
解决办法
719
查看次数

HTML 5和XHTML 1.1

我正在学习HTML 5并且有一个问题:HTML 5可以用在XHTML 1.1文档中吗?如果是,那么有人可以举个例子吗?

xhtml html5

4
推荐指数
1
解决办法
2823
查看次数

是否有不同的HTML5文档类型?

当我用XHTML编写页面时.我有3种类型的doctype- strict,transitionalframeset.

我们在HTML5中有它们吗?

html5 doctype

4
推荐指数
5
解决办法
223
查看次数

HTML5音频事件未在Chrome上触发

我正在尝试在我的游戏中设置加载进度条,并且我在我的音频上为onloadeddata属性分配了一个功能,但它没有在Chrome中触发.它适用于其他浏览器.我还尝试了许多其他事件,例如oncanplay,oncanplaythrough,onloadedmetadata等.它们都没有触发.

我认为这可能与缓存有关.试着环顾四周,从2 - 3年前就有一些报道,但最近没有.

有没有其他方法可以检测音频是否已加载,或使这些事件有效?

编辑:这是一个简单的例子:http://jsfiddle.net/3vxCu/1/ 适用于opera和firefox,但不适用于Chrome.如果完成加载,它应该在声音时发出警报.

javascript audio html5 google-chrome javascript-events

4
推荐指数
1
解决办法
6620
查看次数

如何制作具有圆角和背景颜色的Div?

当我指定"background-color:foo;"时 到我的CSS文件中的元素我没有任何颜色.我需要声明什么其他属性,我有一个绝对宽度设置?它是否需要父容器(它具有基本作为父容器)?我在这里想念的是什么?!

我还想用HTML5给它做圆角.角落只需要在Safari中工作,因为它适用于不是一般消费的Web应用程序.

css html5 rounded-corners background-color

4
推荐指数
1
解决办法
1万
查看次数