我正在忙于一个新网站。对于菜单栏,我把宽度放在100%这里:
font-family: 'Champagne';
font-size:20px;
display: block;
z-index: 1000;
bottom: 0;
width: 100%;
background: #0193CF;
text-align: right;
padding: 0 2em;
margin: 0;
text-transform: capitalize;
Run Code Online (Sandbox Code Playgroud)
但是出于某些奇怪的原因,菜单栏的宽度实际上比页面的其余部分更长。看一下底部的屏幕截图。
有人对这个有经验么?

我有一个NSButton, 以编程方式创建。在所述按钮中,我有一个 NSImage 作为图标:
let button = NSButton(frame: NSRect(x: 10, y: (200 + (50 * id)), width: 100, height: 50))
button.action = #selector(self.switchToView)
let img = NSImage(named: "wob_icon")
button.image = img
Run Code Online (Sandbox Code Playgroud)
我想要做的是获得 10pt 的图像。从按钮的左侧,同时垂直居中。到目前为止,图像显示为水平和垂直居中,但由于我似乎无法定义框架或类似的东西,因此我无法真正移动它。
有没有办法在其父级(按钮)内移动图像?
谢谢。
我正在开发一个项目,其中有一个画布,上面绘制了图像。我想要实现的目标是自动将此文本放置在画布上不会打扰图像内容的位置。
小例子:假设我有一张画布,上面画着一群人的图像。在这种情况下,我想将文本放置在没有面孔等的地方,这样文本就清晰可读,并且图像不会受到文本的干扰。
到目前为止,我在 JS 中编写了以下函数来将图像绘制到画布上:
function drawStuff() {
var slideBackground = new Image();
slideBackground.src = "https://images.pexels.com/photos/50987/money-card-business-credit-card-50987.jpeg?w=940&h=650&auto=compress&cs=tinysrgb";
slideBackground.onload = function() {
canvasContext.imageSmoothingEnabled = false;
canvasContext.drawImage(slideBackground, 0, 0, canvas.width, canvas.height);
}
}
Run Code Online (Sandbox Code Playgroud)
现在我的想法是检查每个像素,查看它具有什么十六进制颜色并检查仅包含该(或略有不同)六角形的空间,但我认为这不会很有效。
有没有更干净/更简单的解决方案?
谢谢。