CSS:使用缩放转换时的奇怪线条
当使用CSS的缩放转换（scale transform）时，有时会出现奇怪的线条现象。这是由于浏览器在进行缩放时，会对元素进行抗锯齿处理，导致边缘出现锯齿或模糊的线条。
这种现象通常发生在缩放比例较小或者非整数倍的情况下。例如，当使用transform: scale(0.5)进行缩放时，元素的边缘可能会出现锯齿或模糊的线条。
为了解决这个问题，可以尝试以下方法：
- 使用
transform-origin属性：通过设置缩放的原点，可以改善线条的质量。例如，可以尝试将transform-origin设置为元素的中心点，即transform-origin: center。 - 使用
transform: translateZ(0)：通过应用3D变换，可以触发GPU加速，从而改善线条的质量。例如，可以尝试将transform: translateZ(0)应用于元素。 - 使用
backface-visibility属性：通过设置元素的背面可见性，可以改善线条的质量。例如，可以尝试将backface-visibility设置为hidden。 - 使用
outline属性：通过给元素添加一个轮廓线，可以掩盖线条的锯齿或模糊效果。例如，可以尝试将outline设置为与元素的背景颜色相同。 - 使用SVG代替缩放：如果可能的话，可以考虑使用SVG图像代替CSS缩放。SVG图像具有更好的缩放效果，并且不会出现线条问题。
总结起来，解决CSS缩放转换时奇怪线条的方法包括调整transform-origin属性、应用transform: translateZ(0)、设置backface-visibility属性、添加outline属性以及考虑使用SVG代替缩放。具体的解决方法可以根据实际情况进行尝试。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云CSS服务：腾讯云提供的CSS服务，用于加速网页内容传输，提高用户访问速度和体验。
- 腾讯云CDN加速：腾讯云提供的CDN加速服务，可用于加速静态资源的传输，提高网页加载速度。
- 腾讯云Web应用防火墙（WAF）：腾讯云提供的Web应用防火墙服务，用于保护网站免受各类网络攻击。
- 腾讯云安全加速（DDoS防护）：腾讯云提供的安全加速服务，用于防护网站免受分布式拒绝服务（DDoS）攻击。
请注意，以上链接仅供参考，具体产品选择应根据实际需求进行评估和决策。
相关·内容
4回答
在站点上使用边框图像css属性会在iPad上出现奇怪的渲染工件(假设所有ios设备都有相同的问题)。它本质上是在根据css对图像进行切片的地方添加一些小线条。请参阅图片作为参考：
做某些事情会导致线条消失，比如放大，或者移动我所应用的div。我假设这是移动safari中的一个渲染错误，但是有谁有任何想法/建议来修复它吗？
我可能会补充说，这可以在所有支持该属性的桌面浏览器中正确呈现: safari、chrome、firefox等。
浏览 0提问于2010-12-03得票数 5
回答已采纳
编辑1:问题似乎与CSS的边框折叠属性有关，因此可以通过使用边框间距: 0px来修复。但是，为什么边界崩溃会导致这种情况呢？它与缩放有关，就像你被放大或移出窗口一样，它会导致奇怪的粗体线条，但在我的例子中，我的浏览器设置为默认缩放，而系统(windows 11)也是建议的125% (我一直使用)缩放。我不明白怎么回事
最近，当我尝试创建一个HTML表时，我在一些行之后得到了一条奇怪的水平线。我已经附上了截图。代码是一个简单的HTML表和简单的CSS来添加边框，没有任何花哨。我会把密码附在这里。
table.html
<table>
<tr>
浏览 2提问于2022-03-30得票数 3
回答已采纳
1回答
CSS:使用缩放转换时的奇怪线条
、、、、
我遇到了一些关于CSS比例转换的奇怪问题。缩放工作正常，但是缩放元素周围有一些奇怪的线条，滚动后这些线条就消失了。这发生在Chrome浏览器和Microsoft Edge中。我不认为这与边距、填充、z索引、颜色或这些线上的任何其他东西有关，因为无论这些属性是否包含在相关CSS中，都会发生这种情况。 这是相关的CSS作为快速草案： .element {
background-color:black;
transition: transform 0.5s;
transform:scale(1, 1, 1);
}
.element:hover {
transfor
浏览 85提问于2021-03-29得票数 0
2回答
我希望能够缩放和取消缩放由Path2D.Double组成的Java2D场景，而不需要加厚线条，只需扩大距离即可。
我尝试将转换应用到paintComponent方法接收的Graphics2D对象，但这会使线条变得更粗。我找到的唯一方法是对线条应用转换(例如line.transform(AffineTransform.getScaleInstance(2d,2d)))，但每次我再次缩放和取消缩放时，都会因为浮点错误而丢失信息。
长话短说:转换是破坏性的。有没有办法说“我想在不修改这条线的内容的情况下，使用所应用的转换来绘制这条线”？
浏览 0提问于2010-07-14得票数 1
1回答
缩放后如何正确翻译地图？
、、、
我在画布中创建了一个相机，就像超级粉碎兄弟中的相机一样，相机的中心跟随所有玩家的中心点，并缩放以包含所有玩家。
我将其设置为找到两个玩家之间的距离，如果它大于画布大小，则相机比例会降低以减小块、玩家精灵等的大小。
ctx.scale(cameraS,cameraS);
ctx.translate(-(cameraX*cameraS)+(CANVAS_WIDTH/2),-(cameraY*cameraS)+(CANVAS_HEIGHT/2));
这些是缩放绘制的图像并将其移动到相对于屏幕的位置。
这是使用代码的实际游戏，如您所知，图像的缩放和移动略有不正确，但我不确定原因！
作为参考，红点是两个
浏览 0提问于2013-05-09得票数 0
回答已采纳
当firefox (3.0.6)以特定宽度(例如50%)渲染png图像时，内容框的左侧和顶部边缘会显示一条细长的灰色线条。该线在其他宽度处消失(例如，70%)。此外，这条线似乎不存在于原始图像中(使用gimp检查图像)。
这种现象发生在没有CSS样式标记的情况下--在下面的HTML示例中，存在CSS是为了阐明灰色线条的位置--看起来很明显，灰色线条出现在内容框本身的最边缘。
我很难想象这是一个真正的firefox bug，我想知道我忽略了什么概念，或者没有理解……
感谢您的时间和任何建议/想法...
这些图像可以在 上看到
html：
<html>
<head><
浏览 1提问于2009-02-11得票数 3
回答已采纳
1回答
我正在使用css添加响应功能到一个网站，这个网站已经有一段时间了，现在响应功能正在添加到它，以便它可以支持移动版本。
我面临着一个问题，假设a有多行，这些行被一条水平线隔开。在某些地方我使用hr，在某些地方我简单地使用div来……
这是一个指向fiddle 的示例链接
当我查看桌面版本时，线条高度恰好显示为1像素，当我在移动设备上查看时，替代线条显示为高度为2像素的线条。
但当我放大它看起来很好，我想问题是与缩放因素。我使用的也是<meta name="viewport" content="width=device-width" />，它改变了初始值
浏览 1提问于2014-05-15得票数 1
我有一个iPad应用程序，其中包括谷歌地图。我可以使用Google Map API V3在该地图上绘制线条和放置标记。这一切都是通过jQuery手机和PhoneGap完成的。
我的问题是，我需要一个更高的缩放地图，比谷歌提供我。我通过将CSS scale设置为Google Map div来做到这一点。变焦功能正常工作。
问题是：
如果我在缩放的地图上放置标记，它们不在我单击的位置上。它们出现在地图上的其他地方，因为分区缩放正在改变坐标。如果我在iPad上缩放应用程序，它可以正常工作。然而，我只想缩放地图，而不是整个应用程序。
感谢您的任何帮助或想法。
浏览 1提问于2012-02-08得票数 0
1回答
网页上某些缩放级别的边框
、、、、
我们的公司网站正在经历一些诡异的恶作剧。当你在台式机、个人电脑或笔记本电脑上查看它时，它在任何浏览器上看起来都很好。然而，当你在移动设备上浏览网站时，你会在iOS上的和Android2.2Stock浏览器的页面元素周围看到这些边框。
在研究这个问题时，我注意到Chrome的边框也出现在桌面/膝上型电脑上，但只出现在特定的缩放级别上：
100%缩放：
110%变焦：
奇怪的是，不同缩放级别的线条不一致：
这是在90%的变焦。
因此，为了澄清:我可以通过在笔记本电脑/台式机上放大谷歌Chrome来重现我在移动设备上看到的问题。但是当我在移动设备上加载网站时，我总是会看
浏览 11提问于2013-01-15得票数 4
回答已采纳
我需要在一个间距为12.5像素X和20像素Y( PICA比例)的网格上绘制大量的图形。字体需要一个特定的大小，线条仍然需要有一个像素粗。目前，我将这些值保存在浮点数中，并将它们相乘(例如，从第3行、第6列开始的文本被绘制为坐标2f*cx,5f*cy)。我希望通过使用缩放转换来避免所有这些不必要的倍增，但不幸的是，这也会影响字体大小和线条粗细。有没有办法避免这种情况？或者编译器会默默地为我做这件事，因为cx/cy值是常量？
浏览 0提问于2010-12-03得票数 3
回答已采纳
我有一个自定义的UIView，它有一个UIImageView作为它的子视图来显示一个图像，一个CAShapeLayer作为一个子层在它上面绘制。UIView是可缩放的，我使用UIPinchGestureRecognizer来放大和缩小视图。我可以使用CGPathRef在视图上绘制直线。问题是，当我用手指缩放视图时，我绘制的线条也会缩放并变粗。如何在保持线条粗细的情况下放大视图？
缩放之前(绿色线条是我绘制的线条)：
当我放大的时候：
我想要的是，线条和我放大之前一样细。我试着：
CGMutablePath path = CGPathCreateMutable();
//l
浏览 10提问于2018-02-05得票数 1
回答已采纳
7回答
如果我有一个打印的CSS样式，一个元素包含：
border:1px solid black;
或者：
border:0.25pt solid black;
打印时线条非常粗--至少1pt。如果我尝试一个小得多的值，比如0.05pt，这条线根本不会出现。我怎样才能得到一条细线？在像InDesign这样的程序中，你将“细线”的粗细设置为0.25pt，即一条非常细的线条，但又不是太细，以至于无法打印。
注意:这个问题似乎问了同样的问题，但没有人解决线粗细的实际问题，只解决了使用的最佳测量单位：
浏览 2提问于2012-04-02得票数 15
2回答
当原始图像是条纹或格子衬衫时，我有问题从一些图像中获得良好的拇指。
在Varien_Image_Adapter_Gd2类(Magento1.5版本)中使用magento的gd2库resize()，我获得了一张具有奇怪效果的图像，它可以修改真实图像的纵横比。
我找不到这个效果的名字，所以我不能在google上搜索这个问题！:(
你可以在这两张图片中看到我的问题：
正如你所看到的，在拇指图像上有一些奇怪的滚动线条，特别是在左上角的位置。
这个问题在格子衬衫上更加明显，所以我必须找到一个解决方案来纠正这个问题。
如果有人在这个问题上有什么建议，请跟我说！:)
thx Luca
浏览 5提问于2012-08-27得票数 1
回答已采纳
我的目标是在html5画布上创建一个像这样的弯曲箭头：
我找到了几个关于如何绘制线条的资源，但似乎没有一个管用。我还找到了一个相关的。
另外，有没有可能在悬停时设置它的动画，以便扩展箭头，也许使用弹性效果？
浏览 3提问于2012-05-11得票数 3
回答已采纳
2回答
我想使用css-transforms将悬停时的文本缩放到另一个大小。它在所有浏览器(甚至IE!)上都工作得很好，但firefox的字体有一个奇怪的问题。动画+缩放有效，但缩放元素中的文本变得有点不清晰，几毫秒后它又变得清晰起来。
我做了一个简单的，你可以在其中重现它。
HTML：
<div class="container">
<div class="scale">
Now that we know who you are, I know who I am. I'm not a mistake! It al
浏览 2提问于2016-05-23得票数 2
我正在使用matplotlib.specgram创建语音录音的频谱图。由于我不知道的原因，光谱图中有奇怪的线条，从下面的图像中可以看到。
我想知道是什么导致了这些线条，我怎么才能摆脱它们呢？
浏览 9提问于2016-06-19得票数 0
我有一个wpf应用程序。有一个显示图像的图像控件。我在上面放了一张画布，并在上面画了一条线。双击时，我会增加图像控件的大小。因此，其中的图像也会增加以适合图像控件，但画布上绘制的线条的大小不会改变。
我希望当我改变图像形状的大小时，如线条或矩形，在图像上绘制的图像也会按比例变化。
浏览 3提问于2011-09-05得票数 0
回答已采纳
1回答
我有一个自定义的MKOverlayView，它绘制一条简单的线条。在drawMapRect:中，我设置了CGContextSetLineWidth(context, 30);，完全放大的时候看起来很好，但是当你缩小的时候，线条会变得越来越细。MKOverlayView引用说它会自动缩放到地图的缩放级别。我怎么才能强制它绘制相同的宽度，无论我的缩放级别是什么？我注意到MKPolylineView (和MKPolygonView)这样做是正确的……每当缩放以保持宽度不变时，您都可以看到线条的宽度调整。我如何在我的overlayView中做到这一点？
浏览 4提问于2011-03-11得票数 5
回答已采纳
在我的网格视图中，我看到了一条“奇怪的线条”。
下面是青蓝选定的网格视图行右侧“奇怪线”的屏幕截图：
我已经使用了F12-developer工具，没有引用这一行，如下图所示。
同样奇怪的是，当我将浏览器视图/缩放到300%时，“奇怪的行”向下移动到屏幕快照图像中可见的最后一行。此外，将视图/缩放更改为200%，“奇怪的线条”将不再可见。
我已经搜索了我的代码下划线(2，3和4个相邻的下划线) --没有发现。
我搜索了“边界”，没有发现任何奇怪的声明。
我在CSS中搜索了"-top“和"-bottom"，没有什么奇怪的声明。
我正在寻求任何人的建议或解决方
浏览 0提问于2018-02-09得票数 1
回答已采纳
2回答
我正在寻找一个线条绘制算法，只绘制一个像素的扫描线/行，并只使用整数。
Bresenham线条绘制算法在大多数情况下都有效，但是当我有一条从P1(40，0)到P2(0，20)的线条(其中Pn(x，y) )时，它会在每条扫描线上绘制两个像素。
为了记录起见，我用C语言编写了一个没有浮点单元的低端微控制器。
谢谢!
浏览 3提问于2015-04-21得票数 0
1回答
我有一个<Grid>，它包含一些垂直和水平的<Line>，我希望网格能够随着窗口的大小进行扩展，并且保持它的纵横比，所以它包含在一个<Viewbox Stretch="Uniform">中。
但是，我也希望线条总是以1像素的宽度呈现，所以我使用：
Line line = new Line();
line.SetValue(RenderOptions.EdgeModeProperty, EdgeMode.Aliased);
// other line settings here...
这使得线条的初始外观非常理想，但一旦你开始调整窗口大小，拉伸
浏览 2提问于2013-03-10得票数 9
回答已采纳
我目前正在使用Joomla的Login Styles模块作为Joomla 2.5.9站点的登录模块，该模板与JS相关。当用户点击登录图片时，此模块会显示用于登录的下拉框。
在除Internet Explorer 8之外的所有浏览器中，登录模块都会毫无问题地显示。但是，在IE 8中，登录模块的按钮图像不会出现，但模块仍然在那里。
通过与模块的支持团队交谈，我了解到导致此问题的文件是文件ie.css。删除文件有帮助，但导致下拉列表中的一个按钮显示得太暗。
查看ie.css，我发现了以下样式：
button,
input[type="reset"],
input[type="
浏览 0提问于2013-04-02得票数 0
回答已采纳
1回答
我正在使用D3绘制折线图。然而，我发现斜率较低(平坦)的线条比斜率较高(陡峭)的线条更细，我猜这是因为抗锯齿起作用了？宽度是一个固定的数字，缩放由变换和缩放控制。当这条线是水平的(几乎平行于x轴)时，它在chrome和firefox中是不可能看到的，而在safari中，它仍然是可以发现的。 我尝试在形状渲染和矢量效果中使用各种不同选项的组合。似乎并没有改变现状。 那条路的恒定宽度，不管它有多陡峭。 以下是概述： ? 在chrome中稍微放大一下： ? 再放大一些，你就会看到缺少了一些线条。 ? 然而，safari仍然可以显示线条，尽管宽度仍然随着坡度的变化而变化 ? 对于不同的数据集，相
浏览 87提问于2019-05-01得票数 0
我正在尝试用jQuery自动化css设置，我有如下功能
$(".footer").css(foot_css)//pre-defined css object
//AND
$(".footer").hover(function(){
$(this).css("-webkit-transform", "scale(2)");
});
页脚被设置为bottom=0 (使用foot_css)，但当我缩放页脚时，它不会停留在bottom=0，一些文本位于屏幕下方，因此无法阅读。编辑:这种情况也发生在左侧，".footer“类的左下
浏览 1提问于2012-09-25得票数 3
1回答
我正在我的Android平板电脑上测试XY图形的绘制。这是一台三星Galaxy Tab 2(7英寸)，运行ICS。
我已经创建了一个带有被覆盖的onDraw方法的View子类型。它的作用是简单地将(x，y)坐标数组绘制为一系列连接的线段。我有一个表示y值的浮点数组，x值是数组的索引。Y值从-1扩展到1，大约有10个值。非常简单。
目标画布是屏幕上的一个正方形，大约480 x 480像素，+1表示位于屏幕顶部，-1位于底部，第0个值位于最左侧，第N个值位于最右侧。
因此，从“世界坐标”到沿X和Y轴的“屏幕坐标”的转换是不一致的。在我的onDraw方法中，我对画布对象应用了平移、缩放和另一个平移操
浏览 2提问于2012-06-20得票数 1
2回答
我的用例可能有点独特，但我正在创建一个动态大小的正方形网格，使用包含在柔性盒中的DOM元素。每个DOM元素都有一个SVG图像背景和一个等于calc(100vmin / <gridSize>)的高度/宽度。SVG元素很简单：
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"> <path stroke-width="2" stroke="#000" stroke-linecap="square&#
浏览 2提问于2017-05-18得票数 3
回答已采纳
2回答
当我放大一个使用css3的transition属性的页面时，比如宽度、高度、填充、边距等，当你放大和缩小时，元素将会转换。有没有办法禁用它？
JSFiddle：
更新的JSFiddle：
浏览 0提问于2013-05-20得票数 0
当我尝试使用PDFBox打印线条时，当我放大生成的pdf文件时，它会创建一条黑线。
我使用内容流和行方法(moveTo，lineTo)创建虚线模式。对于破折号模式和设置特定大小，我使用方法(lineWidth，setLineDashPattern)。
您可以看到我的github ()上的代码
下面的图片与打开的两个文件:我的结果(左侧)和示例，它应该如何(右侧)。这两个文件的缩放是50%。
或者你可以查看你的电脑，只需下载两个文件：
1)我的结果：
2)示例：
当我放大结果pdf时，有人知道如何修复黑线吗？
浏览 1提问于2019-04-22得票数 0
回答已采纳
1回答
当你尝试在带有内容的div上组合css3 scale和css3 reflect时，在chrome上有一种奇怪的bug。
我想知道是否有人知道如何修复或破解，以获得一个明确的结果。
*我的div的内容可以是文本、视频、图片、svg...并且可以包含动画
为了说明这个问题，我编写了以下代码
浏览 0提问于2014-04-30得票数 1
3回答
所以我为我的iPad应用程序做了一个按钮，我看到了一些奇怪的东西。当我在iOS 5模拟器中运行我的应用程序时，它改变了颜色，并且我的按钮的线条变得不连续。但当我按下它时，按钮又回到了正确的颜色，线条也没问题。我认为这是Xcode使用任何按钮自动完成的事情，但我找不到取消它的方法。感谢您的帮助！
PS:按钮代码非常简单：
IBOutlet UIButton *button;
它应该是这样的：
这是它在模拟器中的样子：
浏览 0提问于2012-02-20得票数 1
回答已采纳
1回答
我得到了一个变化很大的数据集，有时点是[-34343, 343434]，有时是[10, 20]。
有没有办法“缩放到合适的”，这样画布的内容总是适合数据？
我看过transform，但当我放大时，线条变得更粗了。我希望线条始终保持相同的宽度，而不管缩放比例如何。
浏览 0提问于2016-07-13得票数 0
1回答
我试图根据matplotlib中的制表符分隔文本文件绘制一系列矩形和线条。数据中的坐标非常大，并且在matplotlib中显示为按比例绘制--除非按某个因子X缩小。
在matplotlib中做这件事最简单的方法是什么？我知道有转换，但我不确定如何在matplotlib中定义我自己的转换(即原点在哪里，比例因子是什么)，并让它在“数据空间”和“绘图空间”之间轻松转换。有没有人能给我举个简单的例子或者给我指个合适的地方？
浏览 2提问于2011-03-29得票数 2
回答已采纳
2回答
我试图使我的SVG在d3.js (第4版)中可缩放。
你可以在这里看到我的尝试：
<svg id="mySVG" width="800px" height="600px" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); background: lightgrey;">
<g>
<path d="M 0 0 L 100 0 L 100 20 L 0 20 Z" fill="red"></
浏览 0提问于2016-08-04得票数 1
回答已采纳
1回答
我在我的一个网站上使用BigVideo.js插件()。当用户调整浏览器大小时，我也使用下面的Javascript来缩放站点。
$(document).ready(function() {
scaleSite();
});
$( window ).resize(function() {
scaleSite();
});
// Scale Site to Fit Window
function scaleSite() {
var windowWidth = $( window ).width();
var defaultWidth = 1200;
va
浏览 4提问于2016-02-12得票数 1
1回答
如你所知，在画布上绘图时使用四舍五入的坐标会更快。此外，浮动坐标可能会在画布上造成意外的间隙。例如，您正在将google地图瓦片绘制到画布上，如果起始坐标是整数，则256x256瓦片可以很好地工作。如果不是，为了避免一个像素的未绘制线条，您应该舍入坐标。
在这里，这是可以的。
但是，如果你在画布上使用缩放和变换，你如何舍入坐标呢？
例如：
ctx.drawImage(image, round(x), round(y), 256, 256);
没问题。
但是如果
ctx.scale(1.0/65536);
ctx.translate(118079.4);
ctx.drawImag
浏览 2提问于2011-08-19得票数 3
回答已采纳
我创建了一个空白的png映像，并在其中插入了一些对象。像文本，徽标，条码图像。现在我遇到了条形码图像的问题。
当我在空白png中插入条形码时
我打开了最后的图像，我发现灰色的线条显示了条形码条。(当你放大4次或更多的时候，你可以看到灰色的线条).Following是最后的图像。And你可以看到或下载。
我看了我的条形码图像，没有灰色的线条。(您可以看到没有灰色线的多次时间缩放).Following是您可以看到或下载的barcode.png图像。
我不能扫描条形码扫描仪，因为灰色的线条呈现它的新形象。
我使用zxing创建了条形码图像，并使用下面的代码在最终图像中插入。
ZXB
浏览 7提问于2021-09-06得票数 0
编辑：这些问题似乎是由iOS8修复的。将此问题视为iOS7和早期的bug.。
我有一些内容(受CORS的约束)，我在iframe中服务，我希望总是被伸展到浏览器窗口的底部。我需要这个内容保持相同的纵横比和填充整个浏览器的宽度，否则事情会看起来很奇怪。因为我无法访问我使用的iframe的内容-webkit-transform: scale来正确地调整所有内容的大小。
我在计算scaleFactor：
width = 600; // this is the original width of the iframe's contents and never changes
scaleFact
浏览 1提问于2014-01-22得票数 1
回答已采纳
1回答
我正试图将缩放添加到d3中的线条图中。
var zoom = d3.behavior.zoom()
.x(xScale)
.y(yScale)
.scaleExtent([1, 10])
.on("zoom", zoomed);
element.call(zoom);
function zoomed() {
element.attr("transform", "scale(" + d3.event.scale + ")")
.select(".x.d3-axis").attr
浏览 3提问于2016-05-31得票数 0
回答已采纳
1回答
缩放后在画布上绘制
、、、、
我正在开发一个在画布上渲染形状的HTML5应用程序。这些形状是由用户使用自由绘图绘制的。
我实现了缩放，多亏了这个答案：
然而，一旦画布被缩放，当用户继续绘制时，线条就会带有偏移量。问题是如何平移这些点，以便在光标下再次绘制直线？
浏览 18提问于2017-02-07得票数 2
回答已采纳
我正在用three.js做一个使用CSSRenderer的项目，有人告诉我，当浏览器的缩放不是100%时，我需要正确地显示它。据我所知：
没有办法强迫浏览器回到100%
没有办法检测浏览器的缩放范围(根据)
我想，如果我能检测到变焦，我可以在另一个方向做css变焦来补偿，就像Vijey在这里的帖子中建议的那样：。
有鉴于此，似乎不可能在非100%变焦上正确地显示three.js场景，而且我甚至无法显示警告，告诉用户该应用程序将无法在浏览器缩放时正常工作。有人能证明我错了吗？有没有人知道是否有人做了什么来解决这个问题？
浏览 3提问于2014-02-18得票数 2
我正在生成一个自动填充的PDF，它是从我得到的inDesign布局中克隆出来的。此布局使用表，表的边框为0.5pt。使用wkhtmltopdf时，这些边框无法正确呈现，因为webkit不希望行细于0.8pt/1px。
我试着使用诸如0.8px (屏幕上没有显示，400%的正确高度)，直接0.5pt，或者使用1 1px框阴影，这些似乎都没有给我正确的厚度，因为在我的PDF文件中没有呈现小于1 1px或-0.8pt的线条，而1 1px框-阴影给我同样的问题。
编辑:用于生成PDF：wkhtmltopdf.exe -T 0 -B 0 -L 0 -R 0 --dpi 300 --disable-sma
浏览 22提问于2015-04-08得票数 1
回答已采纳
3回答
调整图像大小
、、、
下面的代码可以很好地根据宽高比和高度来调整图像的大小，我也可以根据宽度创建一个单独的函数。但我并不总是确定图像是否需要按高度或宽度缩小。
例如，如果需要调整图像大小的空间是100宽和100高，而图像是150 x 90，那么它就是需要缩小的宽度。如果图像是80 x 160，则需要缩小高度。
所以我想问的是，如何修改下面的代码，使其按宽高比缩小图像，以适应宽度和高度的参数？谢谢。
jQuery.fn.resizeHeightMaintainRatio = function(newHeight){
if (this.aspectRatio == undefined)
this.aspectRati
浏览 1提问于2009-11-16得票数 2
回答已采纳
我的应用程序生成一组要在SVG中绘制的图形点。水平和垂直方向的点值始终在0-1000的范围内。进行绘制的矩形的大小可能会更改。
下面是在200 x 85矩形上绘制图形的SVG元素：
<svg width="200" height="85" viewBox="0 0 1000 1000" preserveAspectRatio="none">
<polyline stroke="#e69800"
stroke-width="2px"
浏览 0提问于2012-10-24得票数 4
回答已采纳
scaleToFitLineWhenOverflow
指示当图像超过可用宽度时，是否应缩放以适应该线条。如何在iText2.1.7中实现这一点？
浏览 4提问于2014-04-29得票数 0
回答已采纳
我正在开发一个JavaFX应用程序，用户可以在其中缩放和拖动元素(所有元素都包含在AnchorPane中)。其中一些元素是简单的线条，我需要有一个像标尺这样的东西，它有不同的父元素，即使用户缩放或拖动提到的AnchorPane，也可以粘贴在屏幕上的相同位置。我得到了几乎所有的工作，但我有一个问题，我需要知道来自AnchorPane的哪些行对用户是可见的(就像用户缩放并拖动AnchorPane，其中一些行不再可见)。下面是我尝试过的方法(不起作用...)
private List<Double> getVisibleVerticalLinesXCoordonate() {
浏览 3提问于2018-08-23得票数 0
2回答
我在试着调整我的raphaeljs图标的大小。但我遇到了一些奇怪的调整溢出大小的问题，我真的不知道如何修复，但我已经尝试了一些方法。
我这里有一个关于这个问题的实时链接：
这是JS代码：
var message = "M16,5.333c-7.732,0-14,4.701-14,10.5c0,1.982,0.741,3.833,2.016,5.414L2,25.667l5.613-1.441c2.339,1.317,5.237,2.107,8.387,2.107c7.732,0,14-4.701,14-10.5C30,10.034,23.732,5.333,16,5.333z"
浏览 0提问于2012-11-10得票数 3
回答已采纳
1回答
我用单选按钮做了一份捐款表格。它完全采用CSS的样式。当我在Windows / android / iMac上打开它时，一切看起来都很好。但是当我在iPhone上打开它时，我会得到一些奇怪的单选按钮所在的线路。线条有一个奇怪的位置，但那是因为填充。
有人知道我怎样才能去掉iPhone上的台词吗？
提前感谢！
浏览 0提问于2020-04-17得票数 0
我有一个div与居中文本，有动画效果的悬停事件。文本大小变化在动画期间，它的新大小不适合容器div宽度只有几个像素。
下面是演示：
HTML：
<div class="clickable-container">
<a class="link"><span>Some text for demonstration</span></a>
</div>
CSS：
.clickable-container {
width: 300px;
height: 300px;
background:
浏览 2提问于2017-05-31得票数 0
回答已采纳
我不知道为什么，但当我尝试在css中设置水平标尺的样式时，其他的hr看起来都不一样。如下所示：
当我将边框大小增加到2px时，上边框和下边框之间的间隙被填充，但是一半的水平线条比其他线条更粗。
我的代码：
hr {
border: 1px solid #07234f;
width: 300px;
}
<body>
<hr>
<hr>
<hr>
<hr>
</body>
我希望所有的水平规则看起来都是相似的。你知道为什么
浏览 0提问于2019-04-07得票数 1
据我所知，我们可以在绘制线条之前设置线条的颜色。有没有可能编写一个片段着色器，使模型边缘具有不同的颜色，这样我们就不需要特别绘制不同颜色的边缘了？
浏览 2提问于2015-07-29得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
