小编G4b*_*i3l的帖子

滚动条调整页面大小

假设我有一个静态网页并且整个页面被包装,让我们说在700px的宽度内,现在如果页面的内容太长,那么(显然)会出现一个滚动条.但是滚动条的外观会将所有内容移动到左侧,就像几个像素一样(需要适合页面右侧的滚动条).我想要做的是删除这个"移动"效果,这样如果需要滚动条,这不会以任何方式影响页面的内容.

我不知道我是否清楚自己.

让我们说这是一个网页:

| ......... contentcontent ........ |
| ......... contentcontent ........ |
| ......... contentcontent ........ |
| ......... contentcontent ........ |
| ......... contentcontent ........ |
| ......... contentcontent ........ |
| ......... contentcontent ........ |

这就是滚动条的外观:

| ..... contentcontent .......... | |
| ..... contentcontent .......... | |
| ..... contentcontent .......... | |
| ..... contentcontent .......... | |
| ...... contentcontent .......... | |
| ..... contentcontent .......... | |
| ..... contentcontent .......... | …

html css scrollbar web

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

如何使用html2Canvas和AWS S3图像处理CORS?

我知道以前曾问过类似的问题,但我仍然无法解决。我有一个div带有图像的图像,这些图像是从AWS s3的存储桶中加载的,它们加载完全没有问题。

现在,我希望能够将该特定文件中的任何内容另存为jpeg div(例如截屏),该插件html2canvas对此提供了帮助。问题是当我尝试实际保存它(或只是立即显示此类屏幕截图的结果)时,我遇到了以下问题:

  • 画布被污染=>我allowTaint: true在插件中设置了它,但它会抛出此错误,因此我禁用了它,该错误消失了。我一直useCORS设置为true允许其他来源的图像。

  • 图片访问权限已被CORS政策禁止

为了解决这个问题,我在AWS S3存储桶上设置了CORS,但这似乎不起作用(或部分起作用)。我注意到,当插件使用它们生成jpeg时,这些图像的响应标头没有CORS元数据。然后,我尝试crossOrigin="anonymous"在内设置这些图像,div但它会立即引发CORS错误,由于为此设置了AWS存储桶,因此不会发生CORS错误:

<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
    <CORSRule>
        <AllowedOrigin>*</AllowedOrigin>
        <AllowedMethod>GET</AllowedMethod>
        <AllowedHeader>Authorization</AllowedHeader>
    </CORSRule>
</CORSConfiguration>
Run Code Online (Sandbox Code Playgroud)

关于如何使这项工作,我没有更多选择。任何关于如何从这里开始的想法将不胜感激。

编辑:更多详细信息,我正在使用React,并且从服务器检索图像URL。这意味着,一旦获得此网址数组,我就会生成:

<div>
  { urls.map(url => <img src={url} alt="some alt" />) }
</div>
Run Code Online (Sandbox Code Playgroud)

如果添加crossOrigin="anonymous",则会收到CORS错误。如果我不进行说明,则会显示图像,但是html2canvas当尝试生成“屏幕截图”时,插件也会引发CORS错误。

有关HTTP请求的更多详细信息。因此,我第一次在中加载图片时div,这是响应标头:

Accept-Ranges:bytes
Access-Control-Allow-Methods:GET
Access-Control-Allow-Origin:*
Cache-Control:max-age=2592000
Content-Length:508208
Content-Type:image/png
Date:Thu, 16 Feb 2017 18:25:05 GMT
Last-Modified:Wed, 15 Feb 2017 19:09:44 GMT
Server:AmazonS3
Vary:Origin, Access-Control-Request-Headers, Access-Control-Request-Method 
Run Code Online (Sandbox Code Playgroud)

现在,如果crossOrigin='anonymous' …

javascript canvas amazon-s3

8
推荐指数
2
解决办法
3380
查看次数

video to audio file convert &amp; save through FFMPEG in node js

I am working on an FFMPEG on node js. I'd like to retrieve the audio track from a video file using node js. I would also like to save such file but I can't figure out how.

I though this line of code would help me :

ffmpeg('/path/to/file.avi').noVideo();
Run Code Online (Sandbox Code Playgroud)

I have got this in npm package. I don't quite understand how to work with this and how to actually save the audio file.

Some other line of code that come in …

javascript audio video ffmpeg node.js

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

字体图标连字

我用 fontello 制作了我的字体图标集。目前它的工作原理如下:

<div class="icons_class home" ng-click="toHome()"></div>
Run Code Online (Sandbox Code Playgroud)

对应类的CSS为:

.icons_class {
   font-family: 'myFont';
   ...
   ...
}
.home:before {
   content: '/e822';
}
Run Code Online (Sandbox Code Playgroud)

但我想这样使用:

<div class="icons_class" ng-click="toHome()">home</div>

就像材质图标一样。

是否可以?为此我必须使用连字吗?

html css icon-fonts

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

根据内容过滤数组中的字符串

我遇到一个问题,我在JS中有类似的字符串数组:

var myArray = ["bedroomone", "bedroomonetwo", "bathroom"];
Run Code Online (Sandbox Code Playgroud)

我想检索包含关键字“ bedroom”的数组中的所有元素。我如何获得这样的结果?

我尝试了不同的方法,但未获得预期的结果。我应该如何进行?

javascript arrays jquery

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

如何在 Ecto 中执行“model.field 包含数组的位置”?

假设我有一个模型,它的字段sizes是一个数组(例如sizes: ['S', 'M', 'L'])。我想要完成的是构建 API,让用户能够根据大小过滤这些模型。所以GET对这条路径的请求:

.../products?sizes=['S','M']

应该返回给定数组是其sizes字段子数组的所有产品。所以我不想也不需要完全匹配,但我希望用户能够按照上面的解释进行过滤。我将如何在我的 Phoenix API 中实现这一点?

我只能完成过滤包含特定值 ( where: this in that) 的那些,但是如果我传入一个数组并且我想检查该数组是否包含在该模型字段中,我有点迷茫。

在此先感谢您的帮助,如果您需要任何其他信息,请告诉我。

编辑

我正在尝试使用fragment("? @> ?::varchar[]", p.sizes, ^params["sizes'] )并且它可以工作,但是如果我[color: "red"]在现有过滤器的顶部添加任何简单的过滤器,它就会失败,这意味着我无法创建一组过滤器,然后将其添加到where子句中,例如... and ^filters

filters = Ecto.Changeset.cast(%Product{}, params, [], [:color])
  |> Map.fetch!(:changes)
  |> Map.to_list

# Do I need to actually do this check like this ? (It fails otherwise)
sizes = if is_nil(params["sizes"]) do [] else params["sizes"] end

products_query = …
Run Code Online (Sandbox Code Playgroud)

arrays elixir ecto phoenix-framework

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

如何解决AWS错误:“请求时间和当前时间之间的差异太大”仅前端?

我目前有一个允许上传到 AWS S3 的应用程序,上传完全由 js 中的应用程序前端处理,扩展名为aws-sdk. 我们有一些用户面临标题 ( The difference between the request time and the current time is too large) 中提到的这个问题,这会阻止他们正确上传。

我知道这里提供的解决方案,但我想知道是否有什么我可以做的,以确保任何用户不会再次发生这种情况,只需要前端更改。有没有办法让我的请求正确同步?

我尝试让一些用户同步他们的时钟,但要么不起作用,要么他们没有正确完成。不幸的是,我不能依靠用户来解决这个问题。

javascript frontend amazon-s3 amazon-web-services

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

为什么 Unity 在编辑器模式下使用 async/await 插件时会抛出 NullReferenceException?

我试图在 Unity 编辑器窗口上显示一个简单的图像,它工作了一段时间,然后我想我做了一些破坏它的更改,我不断收到 NullReferenceException。这是我的简单示例:

public class ShowImagePreview : EditorWindow
{
  private Texture2D texture;

  private async Task<Texture2D> GetHTTPTextureAsync(string imageUrl)
  {
    UnityWebRequest request = UnityWebRequestTexture.GetTexture(imageUrl);
    await request.SendWebRequest();

    if (request.isNetworkError || request.isHttpError)
    {
      Debug.Log("Something went wrong!");
      Debug.Log(request.error);
      return null;
    }

    return ((DownloadHandlerTexture)request.downloadHandler).texture;
  }

  private async Task OnGUI()
  {
    GUILayout.BeginHorizontal("box");
    if (texture != null)
    {
      GUILayout.Label("Texture is not null!");
      GUILayout.Box(texture, GUILayout.Width(140), GUILayout.Height(100));
    }
    else
    {
      GUILayout.Label("Texture is NULL!");
      try
      {
        // This is what's causing the issue and keeping the texture value to null …
Run Code Online (Sandbox Code Playgroud)

c# unity-game-engine async-await

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

Python文件对象

我将一个文件对象作为参数传递给Python中的函数.在这个函数里面我想读取作为参数传递的文件的内容.

我是否能够从头开始读取文件,或者在将文件传递给当前函数之前从最后一行继续读取?

python file-io

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