小编V S*_* SH的帖子

外部样式表在AMP页面中无效

我正在将我的HTML页面转换为AMP页面.我见过测试网址https://validator.ampproject.org/#.此页面由AMP验证.

屏幕截图获取帮助: 在此输入图像描述

但是当我使用外部Css时.

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.0/css/materialize.min.css">
Run Code Online (Sandbox Code Playgroud)

然后它会失败.

屏幕截图寻求帮助. 在此输入图像描述

那我怎么能访问materialize css文件.因为我在我的网站上使用Materialise Ui框架.

但我也读过

 <style amp-custom> </style>
Run Code Online (Sandbox Code Playgroud)

SO AMP验证页面建议包括amp-custom中的内联css.但实现css是如此之久.它会破坏一些移动浏览器.因为https://github.com/ampproject/amphtml/issues/4555

如果有人有一些想法,请分享.

html css amp-html

3
推荐指数
1
解决办法
5915
查看次数

使用fabric.js和HTML5在图像画布上编写自定义文本

我正在使用HTML5并fabric.js用于上传多个图像。我想在此图像画布上添加自定义文本。现在,我正在将一张图片一张一张地上传到画布上。上传图像后,我想在画布上添加自定义文本。

var canvas = new fabric.Canvas('canvas');
document.getElementById('file').addEventListener("change",function (e) {
  var file = e.target.files[0];
  var reader = new FileReader();
  console.log("reader   " + reader);
  reader.onload = function (f) {
    var data = f.target.result;
    fabric.Image.fromURL(data, function (img) {
      var oImg = img.set({left: 70, top: 100, width: 250, height: 200, angle: 0}).scale(0.9);
      canvas.add(oImg).renderAll();
      var a = canvas.setActiveObject(oImg);
      var dataURL = canvas.toDataURL({format: 'png', quality: 0.8});
    });
  };
  reader.readAsDataURL(file);
});
document.querySelector('#txt').onclick = function (e) {
  e.preventDefault();
  canvas.deactivateAll().renderAll();
  document.querySelector('#preview').src = canvas.toDataURL();
};
Run Code Online (Sandbox Code Playgroud)
canvas{
  border: 1px …
Run Code Online (Sandbox Code Playgroud)

javascript css html5 canvas fabricjs

2
推荐指数
1
解决办法
7163
查看次数

通过javascript中的动态内容查找div的最大高度

我有一个 div 并且不止一个数据通过 jstl 标签进入这个 div。我想找到最大内容 div 高度。我看到了一个链接,但它每次都显示在警报中 20. 具有一组元素中最大高度的元素

JSP

     <div id="div-height" class='cat-product-name'>${i.name} </div>
Run Code Online (Sandbox Code Playgroud)

爪哇脚本

  $(window).load(function () {
  var maxHeight = Math.max.apply(null, $("#div-height").map(function ()
                {
                    return $(this).height();
                }).get());
                alert(maxHeight);
});
Run Code Online (Sandbox Code Playgroud)

在此处输入图片说明

我想找到 div 的最大高度并设置每个 div 的高度。

javascript jquery jsp jstl

2
推荐指数
1
解决办法
5798
查看次数

将单独的日期和时间转换为一个格式为 moment js 的字符串

我正在使用moment js和 new 。所以现在我将时间和日期从 html 分离到 javascript 控制器,所以我想在 moment js 中转换为一个具有格式的字符串。

console.log($scope.timeTo);
console.log($scope.dateTO);
Run Code Online (Sandbox Code Playgroud)

控制台输出:

04:00
23/05/2017
Run Code Online (Sandbox Code Playgroud)

但是我想和momentjs一起设置时间和日期。所需格式:

2017-05-23T04:00:00
Run Code Online (Sandbox Code Playgroud)

javascript momentjs

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

如何将 ISO 格式的日期时间转换为 UTC 时区?

我正在使用moment.js,并且我想从 ISO 格式日期时间转换为 UTC 时区。

我可以从本地时间转换为 UTC+ISO 格式,但无法将 ISO 格式转换为 UTC 时区。

输入:

2018-03-22T00:00:00Z
Run Code Online (Sandbox Code Playgroud)

预期输出:

日期应采用 UTC 时区。如果我计算的话应该是:

22018-03-21T18:30:00Z
Run Code Online (Sandbox Code Playgroud)
  1. 首先我想转换为 ISO,然后转换为 UTC**。

无法将本地日期时间转换为 ISO,然后转换为 UTC

我们可以转换成字符串,但是ISO格式可以转换吗?

Fox 示例: 我想转换ISODATE(2018-03-22T00:00:00Z)为 UTC 时区。

function toISO(dt) {
  return moment(dt).format("YYYY-MM-DDTHH:mm:ss") + "Z";
}
var date = new Date();
var isoDate= toISO(date)
Run Code Online (Sandbox Code Playgroud)

直接我们就可以转换

function toISOWithUtc(dt) {
      return moment(dt).utc().format("YYYY-MM-DDTHH:mm:ss") + "Z";
}
var date = new Date();
toISO(date)
Run Code Online (Sandbox Code Playgroud)

javascript datetime utc iso8601 momentjs

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

标签 统计

javascript ×4

css ×2

momentjs ×2

amp-html ×1

canvas ×1

datetime ×1

fabricjs ×1

html ×1

html5 ×1

iso8601 ×1

jquery ×1

jsp ×1

jstl ×1

utc ×1