我的任务是调查我们的内部 Web 应用程序遇到性能问题的原因。
Web 应用程序本身部分是用 PHP 编写的,部分是用 Perl 编写的,而且我们有一个 MySQL 数据库,我认为这是性能下降的根源。
我们的系统有大约 400 个用户,其中大多数分布在不同的时区,因此通常一次最多只有 30 个用户在线。性能问题已经悄然出现在我们面前,尤其是在过去的一年里,随着数据库的不断增长。
该系统在一台 32 位 Debian 服务器上运行 - 6GB RAM,具有 8 x 2.4GHz intel CPU。对于手头的工作来说,这可能不够重。然而,即使有时我是唯一在线用户,页面加载时间仍然可能很慢。
我正在尝试确定我们是否需要纵向扩展或横向扩展。首先,我想知道我们的硬件能否很好地应对对其提出的要求。其次,是否值得横向扩展并创建一些复制从属服务器来平衡负载。
互联网上有很多可用的工具 - 可能太多而无法研究。任何人都可以推荐任何可以提供一些分析/性能监控的工具,这可以帮助我完成我的任务。
非常感谢, ns
我有一个博客元素,它有 2 个子元素:.blog-header(包含背景图像)和 .blog-body。当将鼠标悬停在 .blog-header 上时,我希望图像能够完美缩放。但问题是:图像占据了 .blog-body 应该放置的空间
这是我的代码:
.blog {
background: white;
margin-top: 20px;
border-top: 3px primary solid;
border-bottom 3px solid #eee;
}
.blog .blog-header {
overflow: hidden;
z-index 90;
}
.blog .blog-header .blog-bg-header {
height: 275px;
background-position: center;
background-size: cover;
transition: 0.25s ease-in-out;
}
.blog .blog-header .blog-bg-header:hover {
cursor: pointer;
transform: scale(1.3);
}
.blog-body {
margin: -60px 20px 0 20px;
padding: 20px 20px 10px 20px;
background: white;
z-index 100;
}Run Code Online (Sandbox Code Playgroud)
<article class="blog">
<header class="blog-header">
<div class="blog-bg-header" style="background-image: url('http://placehold.it/1350x750')"></div> …Run Code Online (Sandbox Code Playgroud)q我在数据框中有一个变量,我t想要limit使用x_axislog10 scale
#t$q
1.000000 2.500000 2.733333 3.032258 1.545455 1.967213 1.176471 1.000000 2.533333 3.136364 1.967213
ggplot(t,aes(x=q))+geom_freqpoly(binwidth=0.1)+scale_x_log10(limits=c(0,1))+scale_y_log10()
Run Code Online (Sandbox Code Playgroud)
我收到这个错误:
Error in if (diff(range) == 0) { : missing value where TRUE/FALSE needed
Error in exists(name, envir = env, mode = mode) :
argument "env" is missing, with no default
Run Code Online (Sandbox Code Playgroud)
怎么了?
我正在为相机胶卷,电子邮件,短信,FB,Twitter等打印部分屏幕截图...部分屏幕选择 - 顶部100像素,底部100像素.
我使用以下代码:
let top: CGFloat = 100
let bottom: CGFloat = 100
let size = CGSize(width: view.frame.size.width, height: view.frame.size.height - top - bottom)
UIGraphicsBeginImageContext(size)
let context = UIGraphicsGetCurrentContext()!
CGContextTranslateCTM(context, 0, -top)
view.layer.renderInContext(context)
let snapshot = UIGraphicsGetImageFromCurrentImageContext()
UIGraphicsEndImageContext()
UIImageWriteToSavedPhotosAlbum(snapshot, nil, nil, nil)
Run Code Online (Sandbox Code Playgroud)
结果截图质量很差.
我研究了几个小时,发现有几个人有类似的问题.我不能完全理解为我的问题修改解决方案.
我确实设法找到了一个半修复程序.我变了:
UIGraphicsBeginImageContext(size)
Run Code Online (Sandbox Code Playgroud)
至
UIGraphicsBeginImageContextWithOptions(imageView.bounds.size,true,2.0)
Run Code Online (Sandbox Code Playgroud)
这实际上是我的截图缩放了2.0倍
这似乎给我一个更清晰/更好质量的部分截图,虽然图像比我想象的大.
我可以申请哪种解决方案可能更合适吗?
谢谢!
我寻找使用 polarArea 的方法,但将限制比例(刻度线)定义为 100。实际上,比例显示比例基于最大值,但我希望最大值固定。
var data = {
datasets: [{
data: [10,20,30,40],
}],
labels: ["Red","Green","Yellow","Grey","Blue"]
};
var polarArea = new Chart(ctx, {
data: data,
type: 'polarArea',
options: {
scale: {
ticks: {
beginAtZero: true
}
}
}
});
Run Code Online (Sandbox Code Playgroud)
你能帮助我吗?
我在 html5 中做了一个画布。我正在使用它来显示您可以移动的较大图像的一部分,并且我想让放大和缩小都成为可能。但我不知道如何从某个点使图像缩放。当我增加图像的大小时,画布显示的部分被移动,我希望画布中心的部分在缩放完成时成为焦点,但无论我如何尝试它都会扭曲一些如何。似乎取决于显示图像的哪一部分,当缩放发生时,图片的一部分将被移动到不同的坐标。我不知道我必须使用什么类型的算法来计算图像的运动。
这是我的意思是运动的视觉示例的链接,https://imgur.com/a/aZiVM,两个图像的缩放比例相同,但取决于画布中可见的图像部分,数量图像需要移动到缩放不同。
这是我的代码,但它并没有那么好用。
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>
<style>
body {
padding: 0px;
margin: 0px;
}
</style>
</head>
<body>
<div id="map" style="position:absolute;top:10px;left:50px;">
<canvas id="canvas" width="800" height="600" style="float:left;border:1px solid #000000;">Your browser doesn't support canvas</canvas>
<div id="floorDown" onMouseDown="zoomIn()" style="width:200px;height:50px;float:left;">Zoom in</div><br>
<div id="floorDown" onMouseDown="zoomOut()" style="width:200px;height:50px;float:left;">Zoom out</div>
</div>
<script>
var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');
var canvasOffset=$("#canvas").offset();
var offsetX=canvasOffset.left;
var offsetY=canvasOffset.top;
var startX;
var startY;
var isDown=false;
//start position
var imageX=0;
var imageY=0;
var imageWidth,imageHeight,imageRight,imageBottom;
var …Run Code Online (Sandbox Code Playgroud) 在调整目标图像的大小后,我一直试图弄清楚在计算蒙版矩形的位置和大小时我做错了什么。
以下是fabric JS的文档:
clipPath :fabric.Object 一个fabricObject,没有描边,用它们的形状定义一个剪切区域。填充为黑色,当对象渲染时使用 clipPath 对象,并且上下文被放置在对象 cacheCanvas 的中心。如果您希望剪辑路径的 0,0 与对象中心对齐,请使用 clipPath.originX/Y 来“居中”类型:fabric.Object 来源:fabric.js,第 12991 行
当图像未调整大小(比例为 1:1 X & Y)时,我的代码运行良好。在名为rescaleMask的代码函数中,我尝试将蒙版定位到零中心 X 和 Y,当我在一张方格纸上手动运行我的数学时,似乎数学是正确的。显然,有一个我不知道的部分导致定位以不同的方式关闭,具体取决于进行裁剪的象限。这里有相当多的代码,但重要的是掩码是动态创建的,而不是硬编码。问题必须出在rescaleMask函数中,因此希望可以忽略其余代码。
我创建了一个带有编号方块的测试图像图,我将通过单击蒙版按钮进行裁剪,使用鼠标左键在其中一个框周围绘制一个矩形,然后单击裁剪按钮。在创建蒙版和裁剪之前调整图像大小时会出现问题。
这是测试图像:
这是一个 jsfiddle结构用鼠标动态 js 2.4.1 创建 rect 作为修复 #4 发送
<canvas id="c" width="500" height="500" style="border:1px solid #ccc"></canvas>
<button id="mask">Mask</button>
<button id="crop">Crop</button>
Run Code Online (Sandbox Code Playgroud)
JS
var lastSelectedPicture = null;
var isInsertingCropRectangle = false;
var canvas = new fabric.Canvas('c', {
selection: true,
preserveObjectStacking: true,
height: 700,
width: 800
});
var crop_rect, isDown, origX, …Run Code Online (Sandbox Code Playgroud) 当我在包中使用函数时,我通常可以将其写成形式function()或function不带括号。似乎不是这种情况scales::comma。为什么第 7 行在下面有效,而第 8 行却没有。
library(tidyverse)
mtcars %>%
count(cyl) %>%
ungroup() %>%
mutate(n = n * 1000) %>%
ggplot(aes(cyl, n)) +
scale_y_continuous(labels = scales::comma) + # line 7
# scale_y_continuous(labels = scales::comma()) + # line 8
geom_line()
Run Code Online (Sandbox Code Playgroud)
第 8 行错误
Error in number(x = x, accuracy = accuracy, scale = scale, prefix = prefix, :
argument "x" is missing, with no default
Run Code Online (Sandbox Code Playgroud) 我正在寻找一种方法将 a 调整CIImage为精确大小,因为我正在使用混合CIFilter并且需要两个 blendedCIImage的大小相同。我需要使用 aCIFilter来调整图像大小,因为它在内存方面对我来说会更便宜,而且我不能使用 Core Graphics 等。
我知道有一个CILanczosScaleTransform过滤器可用,但它不允许调整精确大小,只能缩小或放大。
有没有办法使 aCIImage成为一个精确的大小,只使用Core Image?
我有给框阴影和填充的单元格编号,它看起来像一个按钮。由于它是可点击的,当“按钮”处于活动状态时,我更改了框阴影上的设置,因此看起来您确实在按下它。为此,当您单击/触摸时,它会按比例缩小一点,但会同时缩放数字和“按钮”。我想要做的是仅在活动时缩小数字,但我不知道如何。我试图将数字放在一个跨度中,但不适用于 :active 伪(我认为因为文本不可点击)。有没有其他方法或者我应该做一个按钮?
我给你代码和网页。代码会呈现得很糟糕,所以看看网页,看看单元格编号。(请在移动模式下检查它。我首先将其构建为移动设备,目前还没有媒体查询。) 网页在这里
.cellnumber {
/* box-shadow */
box-shadow: 5px 5px 10px white inset, -2px -2px 10px rgba(30, 30, 30, .5) inset;
padding: 10px 15px;
padding-bottom: 3px;
border-radius: 10px;
transition: all .35s;
}
.cellnumber:active {
box-shadow: 5px 5px 20px rgba(30, 30, 30, .3) inset, -5px -5px 20px rgba(90, 90, 90, .1) inset;
transform: scale(.97);
}
.paolo {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border: 1px solid black;
padding: 30px 0;
padding-bottom: 55px;
margin-bottom: 50px; …Run Code Online (Sandbox Code Playgroud)scale ×10
css ×2
ggplot2 ×2
html ×2
image ×2
javascript ×2
r ×2
swift ×2
button ×1
canvas ×1
chart.js ×1
cifilter ×1
ciimage ×1
core-image ×1
crop ×1
fabricjs ×1
hover ×1
ios ×1
mask ×1
mysql ×1
optimization ×1
performance ×1
screenshot ×1
zooming ×1