小编Bor*_*nov的帖子

Google Chrome文字阴影渲染

谷歌Chrome在实现CSS3文本阴影方面存在极其恼人的缺陷.应用文本阴影时,关闭子像素抗锯齿.没有多少-webkit-font-smoothing会说服它.粗糙的α通道抗锯齿导致阴影与字母混合,这与像素化文本一起最终产生非常难看的外观.如果使用手写字体,例如Monotype Corsiva,则更为明显http://www.newfonts.net/index.php?pa=show_font&id=130

你可以清楚地看到其中一个地方是在Twitter上 - http://dev.twitter.com/pages/auth.文本阴影用于文本大纲:在Chrome中查看页面,与FF或IE进行比较,您将看到它有多糟糕.

对于较小的文本,效果会变得更糟,直到它使其完全不可读.有关此问题的技术讨论,请访问:http://www.google.com/support/forum/p/Chrome/thread？fid = 5d1c0f2082af0f21000483e9a516d36e&hl = en

Chromium项目中提交了一个错误(问题23440).这个bug已经存在了一年多,但仍未分配给任何人.谷歌开发人员看到它,认为它不是那么重要,并让它老化.原来他们只修复了"流行"的错误,这种做法很蹩脚,看起来令人印象深刻!我对Chrome非常失望!Web排版和CSS3每天都被越来越多的人使用,使网络更加美丽!遗憾的是这样的问题可以减缓这种速度.

因此,需要公众努力来解决这个问题.告诉其他人,写在你的博客中.您可以访问http://code.google.com/p/chromium/issues/detail?id=23440并投票支持该问题.您可以点击位于左上角的星标(需要某种类型的Google帐户--gmail等)来实现.

为了使事情更清楚 - 我的问题有两个目标:

查找技术解决方法.
让Google修复Chrome中的问题.

我将对发布到关于该问题的文章的每个链接进行投票,并标记为接受最佳的技术解决方案或公共努力.

css google-chrome css3

Bor*_*nov

2011 01-02

49
推荐指数

2
解决办法

2万
查看次数

CSS中的tabindex

是否可以使用CSS控制tabindex,如果是,哪些浏览器支持它以及哪些元素？

编辑

我应该说,我的目标是在div上捕获keydown事件.我看到这个页面http://www.quirksmode.org/js/events/keys.html#测试键盘事件,它显示了keydown触发除文档和正文以外的任何内容或某种表单元素或链接的唯一方法是要在其上声明tabindex.但我在W3C网站上看到:

以下元素支持tabindex属性:A,AREA,BUTTON,INPUT,OBJECT,SELECT和TEXTAREA.

所以我有点困惑,为了使标准兼容并使我的用例工作,该怎么办？

EDIT2

我的整个用例是一个带有很多内容的div,带有一个人工滚动条.我可以用鼠标事件滚动它,但到目前为止键盘没有运气.

html css keydown

Bor*_*nov

2011 02-12

45
推荐指数

2
解决办法

8万
查看次数

检测鼠标左键是否按下

我讨厌W3C和MS创建的鼠标按钮!我想知道当我得到一个mousedown事件时是否按下了鼠标左键.

我用这个代码

// Return true if evt carries left mouse button press
function detectLeftButton(evt) {
  // W3C
  if (window.event == null) {
    return (evt.button == 0)
  }
  // IE
  else {
    return (evt.button == 1);
  }
}

Run Code Online (Sandbox Code Playgroud)

但是,它在Opera和Chrome中不起作用,因为它也发生在window.event中.

那我该怎么办？我有一些浏览器检测,但我们都知道它不能依赖于某些浏览器最近做的所有屏蔽.如何检测鼠标左键RELIABLY？

javascript opera google-chrome key mouseevent

Bor*_*nov

2010 10-16

31
推荐指数

2
解决办法

6万
查看次数

Javascript中的Bresenham算法

我需要一个快速算法来计算两点之间的直线坐标.我试图找到很好的JavaScript Bresenham实现,但有太多和相当混乱的出版物.在维基百科 - 这里最快和最简单的形式(两个方向没有划分和误差计算)以伪代码的形式呈现,如下所示:

 function line(x0, y0, x1, y1)
   dx := abs(x1-x0)
   dy := abs(y1-y0) 
   if x0 < x1 then sx := 1 else sx := -1
   if y0 < y1 then sy := 1 else sy := -1
   err := dx-dy

   loop
     setPixel(x0,y0)
     if x0 = x1 and y0 = y1 exit loop
     e2 := 2*err
     if e2 > -dy then 
       err := err - dy
       x0 := x0 + sx 
     if e2 <  dx then 
       err := …

Run Code Online (Sandbox Code Playgroud)

javascript algorithm bresenham

Bor*_*nov

2019 04-13

30
推荐指数

2
解决办法

2万
查看次数

通过CSS与HTML5 Canvas在网页上移动图像的性能

我有一个图像,并将其移动到我的网页(JavaScript),如下所示:

satelliteImage.style.top = coordinates.top + "px";
satelliteImage.style.left = coordinates.left + "px";

Run Code Online (Sandbox Code Playgroud)

不幸的是,除了Chrome之外,所有浏览器的性能都非常差.瓶颈是渲染速度.我对IE没有希望,但我想至少改进Firefox.与样式更改相比,有没有人在移动图像时体验HTML5 Canvas的性能？

javascript html5 animation canvas css3

Bor*_*nov

2011 01-31

23
推荐指数

2
解决办法

2万
查看次数

IE 8绝对定位元素超出其父剪辑问题

我在另一个绝对定位的div中有一个绝对定位的div.子div内容远大于父级可以包含的内容.这是设计的.我需要将子div从其父级中溢出.除了IE 8之外的所有其他浏览器都会这样做(IE 7看起来还不错,不确定)在IE8中,剪切了父节点之外的部分.它就在那里,但只是不可见,因为IE开发人员工具可以验证.我尝试了z-index,尝试明确设置溢出:可见,根本没有运气.

更新:我发现问题是由父div中定义的过滤器引起的,如下所示:

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66C6DEA2,endColorstr=#66C6DEA2)";

Run Code Online (Sandbox Code Playgroud)

任何人都知道如何解决这个问题？

clipping css-position overflow filter internet-explorer-8

Bor*_*nov

2010 09-27

16
推荐指数

1
解决办法

9930
查看次数

Tomcat - 如何指定可在server.xml中扩展的属性

目前,我在我的server.xml中:

<Connector port="8080" protocol="HTTP/1.1" 
           connectionTimeout="20000" 
           redirectPort="8443" />

Run Code Online (Sandbox Code Playgroud)

我希望它成为:

<Connector port="${oms.ui.port}" protocol="HTTP/1.1" 
           connectionTimeout="20000" 
           redirectPort="8443" />

Run Code Online (Sandbox Code Playgroud)

我把这个属性oms.ui.port放在一个驻留在apache-tomcat-7.0.8\lib中的属性文件中,但它找不到它,我得到:

警告:[SetAllPropertiesRule] {服务器/服务/连接器}将属性"port"设置为"$ {oms.ui.port}"未找到匹配的属性.

也许拥有更好Tomcat经验的人可以帮助我吗？

configuration tomcat properties server.xml

Bor*_*nov

lucky-day

8
推荐指数

1
解决办法

1万
查看次数

将非www版域的域重定向到Jetty中的www

我无法将我的非www域版本重定向到www MovedContextHandler,它没有主机重定向到.

双方www.example.com并example.com指向我的Web服务器的IP.当有人试图打开时,example.com他仍然能够以这种方式访问我的网站.我想让他的浏览器接收HTTP 301重定向www.example.com.对搜索排名来说很重要,因为搜索引擎必须知道example.com并且www.example.com是同一个.

作为奖励,当有人试图访问example.com/somepath/somepage.html我想要HTTP 301重定向www.example.com/somepath/somepage.html

我该如何处理？我是否需要编写自己的处理程序或者是否有更简单的方法？

dns redirect jetty

Bor*_*nov

2014 05-19

5
推荐指数

2
解决办法

3188
查看次数

Tomcat 轴 Web 服务客户端读取超时。超时配置

我在访问远程 Web 服务的 Tomcat Web 应用程序中有一个套接字读取超时。超时正好是 10 分钟。我很难找到对此负责的配置。这是某种默认吗？

编辑：我使用 Apache Axis 1.4

java client axis tomcat web-services

Bor*_*nov

2011 01-11

5
推荐指数

1
解决办法

1万
查看次数

Web-Kit和子像素值,解决方法？

我注意到像Chrome和Safari(Windows)这样的Web-kit浏览器倾向于将em值舍入到最近的像素,而Firefox,IE,？歌剧？可以使用子像素值.这通常不是一个大问题,但是当我使用em来精确对齐字母间距或使用文本阴影在不同的客户端分辨率中获得一致的效果时,这会让我头疼.看看下面的测试用例.

您将看到在FF中,即使最小的字母仍然有阴影,而Chrome将em值向下舍入为零,前两个段落没有阴影.

编辑这不是关于单位.如果用0.9,0.8,0.7替换0.03em,px FF将显示越来越小的阴影,而当Chrome低于1px时,它突然显示什么.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="bg" xml:lang="bg" xmlns="http://www.w3.org/1999/xhtml">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <style type="text/css">body {font-size: 18px;} p {color: cyan; text-shadow: -0.03em -0.03em 0 rgb(0, 0, 0);}</style>
</head>
<body>

<p style="font-size:1em">No Shadow Test</p>
<p style="font-size:1.5em">No Shadow Test</p>
<p style="font-size:2em">Test</p>
<p style="font-size:2.5em">Test</p>
<p style="font-size:3em">Test</p>
<p style="font-size:3.5em">Test</p>
<p style="font-size:4em">Test</p>
<p style="font-size:4.5em">Test</p>
<p style="font-size:5em">Test</p>

</body>

</html>

Run Code Online (Sandbox Code Playgroud)

css subpixel

Bor*_*nov

2011 04-14

5
推荐指数

1
解决办法

3821
查看次数