标签: scale

使用变换比例时防止纯 css 视差中的模糊效果


我对使用纯 CSS 的视差网站有疑问。
问题是它使用 css 变换比例来创建视差效果,这会导致缩放容器 div 内的图像和文本产生模糊效果。
我尝试过filter:blur(0),以及我在网上找到的其他修复解决方案,但在 Firefox 中没有任何方法可以修复它。
此外还有另一个问题,图像的滑块在浏览器页面的左侧留下了一些像素。
有人能帮我吗?

http://www.jeanclaudechiementin.com/etoile/index.html

您可以在页面顶部的徽标和菜单上看到问题

transform scale parallax

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

如何将图像投影/缩放为梯形android

我的 Android 应用程序有问题。我想将图像从矩形缩放或投影为梯形。我从相机收到的图像。我不知道如何缩放它们。我需要你的帮助。这是我的图片来解释我的想法。 在此输入图像描述

预先感谢!

android image projection scale

5
推荐指数
0
解决办法
237
查看次数

Matplotlib 的 symlog(又名对称对数)刻度的起源是什么?

这实际上不是一个编程问题。而是历史性的一件事...


我想知道 Matplotlib 的symlog 或“对称对数”比例:

  • 它是 Matplotlib 的发明吗?
  • 有人在其他绘图工具中看到过类似的功能吗?数学教科书?别处?

为了完整起见,并且由于文档有点短:

本质上,symlog给出低于某个阈值的线性标度和高于某个阈值的对数标度。这允许绘制各种数字(如对数刻度),包括负数和零(这对于传统的对数刻度来说是不可能的)。

这里这里有一些例子。


按照@Paul 的建议,我继续询问Matplotlib 实现的原作者。他“没有发明这个概念”,但“相信它是根据用户请求实现的”。但他在 Matplotlib 邮件列表中找不到参考。

有人能指出这样的参考吗?这可能是非常有见地的。

python plot logarithm matplotlib scale

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

Qt - 如何创建随窗口缩放并保持纵横比的图像?

我正在尝试在 QT (内部标签)中创建图像,该图像会根据窗口大小的变化而改变大小,但也会保持宽高比。

最好的方法是什么?

qt scale

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

如何仅使用 CSS 按比例缩放 SVG 内容大小?

如何仅使用 CSS缩放或调整内联 SVG 矢量艺术品的大小,以便所有艺术品按比例调整大小并完全适合其定义的宽度和高度?

应尊重原始纵横比。

在这种情况下,我希望将图稿内容调整为 100x100px 框作为图标。下面的代码片段不起作用,因为它似乎只是裁剪窗口而不是调整内部内容的大小。

svg {
  width:  100px;
  height: 100px;
  fill:   blue;
  background-color: red;
}
Run Code Online (Sandbox Code Playgroud)
<svg>
    <polygon points="100,0 30,200 200,70 0,70 170,200"/>
</svg>

<svg >
    <polygon points="0,0 200,140 110,200"/>
</svg>

<svg>
    <ellipse cx="200" cy="70" rx="200" ry="40" />
</svg>
Run Code Online (Sandbox Code Playgroud)

我得到了这个:(看起来更像是农作物)
在此输入图像描述

但我想得到这个:(按比例缩放到盒子的边缘)
在此输入图像描述

css svg resize scale inline-svg

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

Python,Matplotlib:标准化多个图以适应相同的任意轴限制

我正在尝试创建一个包含多个图的图形,并对它们进行标准化,以便可以轻松地区分它们的特征。我在表达我想要做什么时遇到一些困难,但下面的示例代码应该有助于澄清。

由以下代码生成的示例图。

该代码创建一个包含三行的图形。黑线的数据在-1000和1000之间变化,因此比例会相应调整。这意味着绿色数据的变化,甚至红色数据的变化都很难看到。理想情况下,我希望放大绿色和红色数据,以便它们的变化更清晰 - 但希望不只是乘以一个常数值。

我希望得到的结果示例 - 不同的线都有不同的数量级,但已适合任意 y 轴比例,因此可以演示它们的形状。

import numpy as np
import matplotlib.pyplot as plt

time_arr = np.arange(0, 25, 1)

dist_arr = np.zeros(len(time_arr))
speed_arr = np.zeros(len(time_arr))
energy_arr = np.zeros(len(time_arr))

for i in range(len(time_arr)):
    dist_arr[i] = np.random.randint(-10, 10)
    speed_arr[i] = np.random.randint(-50, 50)
    energy_arr[i] = np.random.randint(-1000, 1000)


fig = plt.figure(figsize=(13,13))

plt.plot(time_arr, dist_arr, 'red', linestyle='-', label='dist (m)', linewidth=5)
plt.plot(time_arr, speed_arr, 'lime', linestyle='-', label='speed (m/s)', linewidth=5)
plt.plot(time_arr, energy_arr, 'black', linestyle='--', label='E_tot (J)', linewidth=5)

plt.xlabel('Time (s)', fontsize=25)
plt.ylabel('Various Params', fontsize=25)
plt.tick_params(axis='x', labelsize=20) …
Run Code Online (Sandbox Code Playgroud)

python axis limits matplotlib scale

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

使用变换原点缩放 SVG 元素

<html lang="en-US">
  <head>
    <link rel="stylesheet" href="https://codepen.io/basement/pen/oepKxY.css">
  </head>
  
  <body>
    <iframe src="https://s.codepen.io/basement/debug/zdpVyV/PNAvYLZmJRQr"></iframe>
    
    <div class="wrp">  
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"
           width="100" height="100"
           class="canvas"
      > 
        <defs>   
          <style type="text/css"> 
            polygon { fill: none; stroke-width: 0.5; stroke: #f00; }
          </style>       
        </defs>
        
        <g transform="translate( 0 12.5 ) scale( 1 )">
        
          <polygon 
            points="
              75,6.7
              75,93.3
              0,50
            " 
            transform="rotate( -30 50 50 )"
          />
          
        </g>   
        
      </svg>
    </div>
    <script src="origin.js"></script>
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

我想在定义特定变换原点的同时使上面代码片段中的红色三角形放大。使用 SVG 中的旋转属性,我们可以做到这一点:

transform="rotate( -30 50 50 )"
Run Code Online (Sandbox Code Playgroud)

第一个值:-30逆时针旋转元素。定义50 50变换原点(分别为 x 和 y)。我可以用 …

html css svg transform scale

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

如何修复悬停时 CSS 变换添加的白线?

有人找到或知道针对悬停时使用 CSS 缩放进行转换的元素上出现的白线/边框的有效修复吗?

我尝试过以下方法:transform: translateZ(0)-webkit-backface-visibility: hidden、 ,transform-style: preserve-3d但没有任何帮助。

在非视网膜显示器上可以清楚地看到这个错误。

这是为那些看不到该错误的人提供的视频,您会注意到图像底部有一条类似 1px 的线。

section {
  padding: 100px 0;
}

figure {
  margin: 0;
  overflow: hidden;
}

figure:before {
  position: absolute;
  z-index: 2;
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(43, 43, 54, 0.3);
  transition: background 0.7s cubic-bezier(0.2, 1, 0.2, 1);
}

.ct-image-container {
  display: flex;
  position: relative;
  transform: scale3d(1, 1, 1);
  transition: transform 0.7s cubic-bezier(0.2, 1, 0.2, 1);
}

.ct-image-container img {
  position: …
Run Code Online (Sandbox Code Playgroud)

css transform line scale hover

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

Dimensions 对象中的“scale”和“fontScale”值代表什么?

Dimensions.get() 返回一个像这样的对象

Object {
  "screen": Object {
    "fontScale": 1,
    "height": 375,
    "scale": 2,
    "width": 667,
  },
  "window": Object {
    "fontScale": 1,
    "height": 375,
    "scale": 2,
    "width": 667,
  },
}
Run Code Online (Sandbox Code Playgroud)

Height可能width是屏幕/窗口的高度和宽度,以 dp(密度无关像素)为单位,但是fontScalescale代表什么?我想弄清楚是否可以scale在视网膜屏幕上使用响应式布局的值。谢谢!

scale screen-resolution retina react-native

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

PDFsharp - 更改页面大小和缩放内容

是否可以使用 PDFsharp 将页面从 A2 缩放到 A1?我可以通过“大小”、“宽度”和“高度”来设置页面的大小。但是如何缩放页面内容呢?

scale pdfsharp

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