1 // Copyright 2014 The Chromium Authors. All rights reserved.
2 // Use of this source code is governed by a BSD-style license that can be
3 // found in the LICENSE file.
4
5 #include "config.h"
6 #include "core/paint/BoxPainter.h"
7
8 #include "core/HTMLNames.h"
9 #include "core/frame/Settings.h"
10 #include "core/html/HTMLFrameOwnerElement.h"
11 #include "core/paint/BackgroundImageGeometry.h"
12 #include "core/paint/BoxDecorationData.h"
13 #include "core/rendering/ImageQualityController.h"
14 #include "core/rendering/PaintInfo.h"
15 #include "core/rendering/RenderBox.h"
16 #include "core/rendering/RenderBoxModelObject.h"
17 #include "core/rendering/RenderLayer.h"
18 #include "core/rendering/RenderObject.h"
19 #include "core/rendering/RenderTable.h"
20 #include "core/rendering/RenderTheme.h"
21 #include "core/rendering/RenderView.h"
22 #include "core/rendering/compositing/CompositedLayerMapping.h"
23 #include "core/rendering/style/BorderEdge.h"
24 #include "core/rendering/style/ShadowList.h"
25 #include "platform/LengthFunctions.h"
26 #include "platform/geometry/LayoutPoint.h"
27 #include "platform/graphics/GraphicsContextStateSaver.h"
28
29 namespace blink {
30
paint(PaintInfo & paintInfo,const LayoutPoint & paintOffset)31 void BoxPainter::paint(PaintInfo& paintInfo, const LayoutPoint& paintOffset)
32 {
33 LayoutPoint adjustedPaintOffset = paintOffset + m_renderBox.location();
34 // default implementation. Just pass paint through to the children
35 PaintInfo childInfo(paintInfo);
36 childInfo.updatePaintingRootForChildren(&m_renderBox);
37 for (RenderObject* child = m_renderBox.slowFirstChild(); child; child = child->nextSibling())
38 child->paint(childInfo, adjustedPaintOffset);
39 }
40
paintBoxDecorationBackground(PaintInfo & paintInfo,const LayoutPoint & paintOffset)41 void BoxPainter::paintBoxDecorationBackground(PaintInfo& paintInfo, const LayoutPoint& paintOffset)
42 {
43 if (!paintInfo.shouldPaintWithinRoot(&m_renderBox))
44 return;
45
46 LayoutRect paintRect = m_renderBox.borderBoxRect();
47 paintRect.moveBy(paintOffset);
48 paintBoxDecorationBackgroundWithRect(paintInfo, paintOffset, paintRect);
49 }
50
paintBoxDecorationBackgroundWithRect(PaintInfo & paintInfo,const LayoutPoint & paintOffset,const LayoutRect & paintRect)51 void BoxPainter::paintBoxDecorationBackgroundWithRect(PaintInfo& paintInfo, const LayoutPoint& paintOffset, const LayoutRect& paintRect)
52 {
53 RenderStyle* style = m_renderBox.style();
54 BoxDecorationData boxDecorationData(*style, m_renderBox.canRenderBorderImage(), m_renderBox.backgroundHasOpaqueTopLayer(), paintInfo.context);
55
56 // FIXME: Should eventually give the theme control over whether the box shadow should paint, since controls could have
57 // custom shadows of their own.
58 if (!m_renderBox.boxShadowShouldBeAppliedToBackground(boxDecorationData.bleedAvoidance()))
59 paintBoxShadow(paintInfo, paintRect, style, Normal);
60
61 GraphicsContextStateSaver stateSaver(*paintInfo.context, false);
62 if (boxDecorationData.bleedAvoidance() == BackgroundBleedClipBackground) {
63 stateSaver.save();
64 RoundedRect border = style->getRoundedBorderFor(paintRect);
65 paintInfo.context->clipRoundedRect(border);
66 }
67
68 // If we have a native theme appearance, paint that before painting our background.
69 // The theme will tell us whether or not we should also paint the CSS background.
70 IntRect snappedPaintRect(pixelSnappedIntRect(paintRect));
71 bool themePainted = boxDecorationData.hasAppearance && !RenderTheme::theme().paint(&m_renderBox, paintInfo, snappedPaintRect);
72 if (!themePainted) {
73 if (boxDecorationData.bleedAvoidance() == BackgroundBleedBackgroundOverBorder)
74 paintBorder(m_renderBox, paintInfo, paintRect, style, boxDecorationData.bleedAvoidance());
75
76 paintBackground(paintInfo, paintRect, boxDecorationData.backgroundColor, boxDecorationData.bleedAvoidance());
77
78 if (boxDecorationData.hasAppearance)
79 RenderTheme::theme().paintDecorations(&m_renderBox, paintInfo, snappedPaintRect);
80 }
81 paintBoxShadow(paintInfo, paintRect, style, Inset);
82
83 // The theme will tell us whether or not we should also paint the CSS border.
84 if (boxDecorationData.hasBorder && boxDecorationData.bleedAvoidance() != BackgroundBleedBackgroundOverBorder
85 && (!boxDecorationData.hasAppearance || (!themePainted && RenderTheme::theme().paintBorderOnly(&m_renderBox, paintInfo, snappedPaintRect)))
86 && !(m_renderBox.isTable() && toRenderTable(&m_renderBox)->collapseBorders()))
87 paintBorder(m_renderBox, paintInfo, paintRect, style, boxDecorationData.bleedAvoidance());
88 }
89
skipBodyBackground(const RenderBox * bodyElementRenderer)90 static bool skipBodyBackground(const RenderBox* bodyElementRenderer)
91 {
92 ASSERT(bodyElementRenderer->isBody());
93 // The <body> only paints its background if the root element has defined a background independent of the body,
94 // or if the <body>'s parent is not the document element's renderer (e.g. inside SVG foreignObject).
95 RenderObject* documentElementRenderer = bodyElementRenderer->document().documentElement()->renderer();
96 return documentElementRenderer
97 && !documentElementRenderer->hasBackground()
98 && (documentElementRenderer == bodyElementRenderer->parent());
99 }
100
paintBackground(const PaintInfo & paintInfo,const LayoutRect & paintRect,const Color & backgroundColor,BackgroundBleedAvoidance bleedAvoidance)101 void BoxPainter::paintBackground(const PaintInfo& paintInfo, const LayoutRect& paintRect, const Color& backgroundColor, BackgroundBleedAvoidance bleedAvoidance)
102 {
103 if (m_renderBox.isDocumentElement()) {
104 paintRootBoxFillLayers(paintInfo);
105 return;
106 }
107 if (m_renderBox.isBody() && skipBodyBackground(&m_renderBox))
108 return;
109 if (m_renderBox.boxDecorationBackgroundIsKnownToBeObscured())
110 return;
111 paintFillLayers(paintInfo, backgroundColor, m_renderBox.style()->backgroundLayers(), paintRect, bleedAvoidance);
112 }
113
paintRootBoxFillLayers(const PaintInfo & paintInfo)114 void BoxPainter::paintRootBoxFillLayers(const PaintInfo& paintInfo)
115 {
116 if (paintInfo.skipRootBackground())
117 return;
118
119 RenderObject* rootBackgroundRenderer = m_renderBox.rendererForRootBackground();
120
121 const FillLayer& bgLayer = rootBackgroundRenderer->style()->backgroundLayers();
122 Color bgColor = rootBackgroundRenderer->resolveColor(CSSPropertyBackgroundColor);
123
124 paintFillLayers(paintInfo, bgColor, bgLayer, m_renderBox.view()->backgroundRect(&m_renderBox), BackgroundBleedNone, CompositeSourceOver, rootBackgroundRenderer);
125 }
126
paintFillLayers(const PaintInfo & paintInfo,const Color & c,const FillLayer & fillLayer,const LayoutRect & rect,BackgroundBleedAvoidance bleedAvoidance,CompositeOperator op,RenderObject * backgroundObject)127 void BoxPainter::paintFillLayers(const PaintInfo& paintInfo, const Color& c, const FillLayer& fillLayer, const LayoutRect& rect,
128 BackgroundBleedAvoidance bleedAvoidance, CompositeOperator op, RenderObject* backgroundObject)
129 {
130 Vector<const FillLayer*, 8> layers;
131 const FillLayer* curLayer = &fillLayer;
132 bool shouldDrawBackgroundInSeparateBuffer = false;
133 bool isBottomLayerOccluded = false;
134 while (curLayer) {
135 layers.append(curLayer);
136 // Stop traversal when an opaque layer is encountered.
137 // FIXME : It would be possible for the following occlusion culling test to be more aggressive
138 // on layers with no repeat by testing whether the image covers the layout rect.
139 // Testing that here would imply duplicating a lot of calculations that are currently done in
140 // RenderBoxModelObject::paintFillLayerExtended. A more efficient solution might be to move
141 // the layer recursion into paintFillLayerExtended, or to compute the layer geometry here
142 // and pass it down.
143
144 if (!shouldDrawBackgroundInSeparateBuffer && curLayer->blendMode() != WebBlendModeNormal)
145 shouldDrawBackgroundInSeparateBuffer = true;
146
147 // The clipOccludesNextLayers condition must be evaluated first to avoid short-circuiting.
148 if (curLayer->clipOccludesNextLayers(curLayer == &fillLayer)
149 && curLayer->hasOpaqueImage(&m_renderBox)
150 && curLayer->image()->canRender(m_renderBox, m_renderBox.style()->effectiveZoom())
151 && curLayer->hasRepeatXY()
152 && curLayer->blendMode() == WebBlendModeNormal
153 && !m_renderBox.boxShadowShouldBeAppliedToBackground(bleedAvoidance))
154 break;
155 curLayer = curLayer->next();
156 }
157
158 if (layers.size() > 0 && (**layers.rbegin()).next())
159 isBottomLayerOccluded = true;
160
161 GraphicsContext* context = paintInfo.context;
162 if (!context)
163 shouldDrawBackgroundInSeparateBuffer = false;
164
165 bool skipBaseColor = false;
166 if (shouldDrawBackgroundInSeparateBuffer) {
167 bool isBaseColorVisible = !isBottomLayerOccluded && c.hasAlpha();
168
169 // Paint the document's base background color outside the transparency layer,
170 // so that the background images don't blend with this color: http://crbug.com/389039.
171 if (isBaseColorVisible && isDocumentElementWithOpaqueBackground(m_renderBox)) {
172 paintRootBackgroundColor(m_renderBox, paintInfo, rect, Color());
173 skipBaseColor = true;
174 }
175 context->beginTransparencyLayer(1);
176 }
177
178 Vector<const FillLayer*>::const_reverse_iterator topLayer = layers.rend();
179 for (Vector<const FillLayer*>::const_reverse_iterator it = layers.rbegin(); it != topLayer; ++it)
180 paintFillLayer(paintInfo, c, **it, rect, bleedAvoidance, op, backgroundObject, skipBaseColor);
181
182 if (shouldDrawBackgroundInSeparateBuffer)
183 context->endLayer();
184 }
185
paintFillLayer(const PaintInfo & paintInfo,const Color & c,const FillLayer & fillLayer,const LayoutRect & rect,BackgroundBleedAvoidance bleedAvoidance,CompositeOperator op,RenderObject * backgroundObject,bool skipBaseColor)186 void BoxPainter::paintFillLayer(const PaintInfo& paintInfo, const Color& c, const FillLayer& fillLayer, const LayoutRect& rect,
187 BackgroundBleedAvoidance bleedAvoidance, CompositeOperator op, RenderObject* backgroundObject, bool skipBaseColor)
188 {
189 BoxPainter::paintFillLayerExtended(m_renderBox, paintInfo, c, fillLayer, rect, bleedAvoidance, 0, LayoutSize(), op, backgroundObject, skipBaseColor);
190 }
191
applyBoxShadowForBackground(GraphicsContext * context,RenderObject & obj)192 void BoxPainter::applyBoxShadowForBackground(GraphicsContext* context, RenderObject& obj)
193 {
194 const ShadowList* shadowList = obj.style()->boxShadow();
195 ASSERT(shadowList);
196 for (size_t i = shadowList->shadows().size(); i--; ) {
197 const ShadowData& boxShadow = shadowList->shadows()[i];
198 if (boxShadow.style() != Normal)
199 continue;
200 FloatSize shadowOffset(boxShadow.x(), boxShadow.y());
201 context->setShadow(shadowOffset, boxShadow.blur(), boxShadow.color(),
202 DrawLooperBuilder::ShadowRespectsTransforms, DrawLooperBuilder::ShadowIgnoresAlpha);
203 return;
204 }
205 }
206
207 // FIXME: See crbug.com/382491. The use of getCTM in this context is incorrect because the matrix returned does not
208 // include scales applied at raster time, such as the device zoom.
shrinkRectByOnePixel(GraphicsContext * context,const LayoutRect & rect)209 static LayoutRect shrinkRectByOnePixel(GraphicsContext* context, const LayoutRect& rect)
210 {
211 LayoutRect shrunkRect = rect;
212 AffineTransform transform = context->getCTM();
213 shrunkRect.inflateX(-static_cast<LayoutUnit>(ceil(1 / transform.xScale())));
214 shrunkRect.inflateY(-static_cast<LayoutUnit>(ceil(1 / transform.yScale())));
215 return shrunkRect;
216 }
217
getBackgroundRoundedRect(RenderObject & obj,const LayoutRect & borderRect,InlineFlowBox * box,LayoutUnit inlineBoxWidth,LayoutUnit inlineBoxHeight,bool includeLogicalLeftEdge,bool includeLogicalRightEdge)218 RoundedRect BoxPainter::getBackgroundRoundedRect(RenderObject& obj, const LayoutRect& borderRect, InlineFlowBox* box, LayoutUnit inlineBoxWidth, LayoutUnit inlineBoxHeight,
219 bool includeLogicalLeftEdge, bool includeLogicalRightEdge)
220 {
221 RoundedRect border = obj.style()->getRoundedBorderFor(borderRect, includeLogicalLeftEdge, includeLogicalRightEdge);
222 if (box && (box->nextLineBox() || box->prevLineBox())) {
223 RoundedRect segmentBorder = obj.style()->getRoundedBorderFor(LayoutRect(0, 0, inlineBoxWidth, inlineBoxHeight), includeLogicalLeftEdge, includeLogicalRightEdge);
224 border.setRadii(segmentBorder.radii());
225 }
226
227 return border;
228 }
229
backgroundRoundedRectAdjustedForBleedAvoidance(RenderObject & obj,GraphicsContext * context,const LayoutRect & borderRect,BackgroundBleedAvoidance bleedAvoidance,InlineFlowBox * box,const LayoutSize & boxSize,bool includeLogicalLeftEdge,bool includeLogicalRightEdge)230 RoundedRect BoxPainter::backgroundRoundedRectAdjustedForBleedAvoidance(RenderObject& obj, GraphicsContext* context, const LayoutRect& borderRect, BackgroundBleedAvoidance bleedAvoidance, InlineFlowBox* box, const LayoutSize& boxSize, bool includeLogicalLeftEdge, bool includeLogicalRightEdge)
231 {
232 if (bleedAvoidance == BackgroundBleedShrinkBackground) {
233 // We shrink the rectangle by one pixel on each side because the bleed is one pixel maximum.
234 return BoxPainter::getBackgroundRoundedRect(obj, shrinkRectByOnePixel(context, borderRect), box, boxSize.width(), boxSize.height(), includeLogicalLeftEdge, includeLogicalRightEdge);
235 }
236 if (bleedAvoidance == BackgroundBleedBackgroundOverBorder)
237 return obj.style()->getRoundedInnerBorderFor(borderRect, includeLogicalLeftEdge, includeLogicalRightEdge);
238
239 return BoxPainter::getBackgroundRoundedRect(obj, borderRect, box, boxSize.width(), boxSize.height(), includeLogicalLeftEdge, includeLogicalRightEdge);
240 }
241
clipRoundedInnerRect(GraphicsContext * context,const LayoutRect & rect,const RoundedRect & clipRect)242 void BoxPainter::clipRoundedInnerRect(GraphicsContext * context, const LayoutRect& rect, const RoundedRect& clipRect)
243 {
244 if (clipRect.isRenderable()) {
245 context->clipRoundedRect(clipRect);
246 } else {
247 // We create a rounded rect for each of the corners and clip it, while making sure we clip opposing corners together.
248 if (!clipRect.radii().topLeft().isEmpty() || !clipRect.radii().bottomRight().isEmpty()) {
249 IntRect topCorner(clipRect.rect().x(), clipRect.rect().y(), rect.maxX() - clipRect.rect().x(), rect.maxY() - clipRect.rect().y());
250 RoundedRect::Radii topCornerRadii;
251 topCornerRadii.setTopLeft(clipRect.radii().topLeft());
252 context->clipRoundedRect(RoundedRect(topCorner, topCornerRadii));
253
254 IntRect bottomCorner(rect.x(), rect.y(), clipRect.rect().maxX() - rect.x(), clipRect.rect().maxY() - rect.y());
255 RoundedRect::Radii bottomCornerRadii;
256 bottomCornerRadii.setBottomRight(clipRect.radii().bottomRight());
257 context->clipRoundedRect(RoundedRect(bottomCorner, bottomCornerRadii));
258 }
259
260 if (!clipRect.radii().topRight().isEmpty() || !clipRect.radii().bottomLeft().isEmpty()) {
261 IntRect topCorner(rect.x(), clipRect.rect().y(), clipRect.rect().maxX() - rect.x(), rect.maxY() - clipRect.rect().y());
262 RoundedRect::Radii topCornerRadii;
263 topCornerRadii.setTopRight(clipRect.radii().topRight());
264 context->clipRoundedRect(RoundedRect(topCorner, topCornerRadii));
265
266 IntRect bottomCorner(clipRect.rect().x(), rect.y(), rect.maxX() - clipRect.rect().x(), clipRect.rect().maxY() - rect.y());
267 RoundedRect::Radii bottomCornerRadii;
268 bottomCornerRadii.setBottomLeft(clipRect.radii().bottomLeft());
269 context->clipRoundedRect(RoundedRect(bottomCorner, bottomCornerRadii));
270 }
271 }
272 }
273
paintFillLayerExtended(RenderBoxModelObject & obj,const PaintInfo & paintInfo,const Color & color,const FillLayer & bgLayer,const LayoutRect & rect,BackgroundBleedAvoidance bleedAvoidance,InlineFlowBox * box,const LayoutSize & boxSize,CompositeOperator op,RenderObject * backgroundObject,bool skipBaseColor)274 void BoxPainter::paintFillLayerExtended(RenderBoxModelObject& obj, const PaintInfo& paintInfo, const Color& color, const FillLayer& bgLayer, const LayoutRect& rect,
275 BackgroundBleedAvoidance bleedAvoidance, InlineFlowBox* box, const LayoutSize& boxSize, CompositeOperator op, RenderObject* backgroundObject, bool skipBaseColor)
276 {
277 GraphicsContext* context = paintInfo.context;
278 if (rect.isEmpty())
279 return;
280
281 bool includeLeftEdge = box ? box->includeLogicalLeftEdge() : true;
282 bool includeRightEdge = box ? box->includeLogicalRightEdge() : true;
283
284 bool hasRoundedBorder = obj.style()->hasBorderRadius() && (includeLeftEdge || includeRightEdge);
285 bool clippedWithLocalScrolling = obj.hasOverflowClip() && bgLayer.attachment() == LocalBackgroundAttachment;
286 bool isBorderFill = bgLayer.clip() == BorderFillBox;
287 bool isDocumentElementRenderer = obj.isDocumentElement();
288 bool isBottomLayer = !bgLayer.next();
289
290 Color bgColor = color;
291 StyleImage* bgImage = bgLayer.image();
292 bool shouldPaintBackgroundImage = bgImage && bgImage->canRender(obj, obj.style()->effectiveZoom());
293
294 bool forceBackgroundToWhite = false;
295 if (obj.document().printing()) {
296 if (obj.style()->printColorAdjust() == PrintColorAdjustEconomy)
297 forceBackgroundToWhite = true;
298 if (obj.document().settings() && obj.document().settings()->shouldPrintBackgrounds())
299 forceBackgroundToWhite = false;
300 }
301
302 // When printing backgrounds is disabled or using economy mode,
303 // change existing background colors and images to a solid white background.
304 // If there's no bg color or image, leave it untouched to avoid affecting transparency.
305 // We don't try to avoid loading the background images, because this style flag is only set
306 // when printing, and at that point we've already loaded the background images anyway. (To avoid
307 // loading the background images we'd have to do this check when applying styles rather than
308 // while rendering.)
309 if (forceBackgroundToWhite) {
310 // Note that we can't reuse this variable below because the bgColor might be changed
311 bool shouldPaintBackgroundColor = isBottomLayer && bgColor.alpha();
312 if (shouldPaintBackgroundImage || shouldPaintBackgroundColor) {
313 bgColor = Color::white;
314 shouldPaintBackgroundImage = false;
315 }
316 }
317
318 bool colorVisible = bgColor.alpha();
319
320 // Fast path for drawing simple color backgrounds.
321 if (!isDocumentElementRenderer && !clippedWithLocalScrolling && !shouldPaintBackgroundImage && isBorderFill && isBottomLayer) {
322 if (!colorVisible)
323 return;
324
325 bool boxShadowShouldBeAppliedToBackground = obj.boxShadowShouldBeAppliedToBackground(bleedAvoidance, box);
326 GraphicsContextStateSaver shadowStateSaver(*context, boxShadowShouldBeAppliedToBackground);
327 if (boxShadowShouldBeAppliedToBackground)
328 BoxPainter::applyBoxShadowForBackground(context, obj);
329
330 if (hasRoundedBorder && bleedAvoidance != BackgroundBleedClipBackground) {
331 RoundedRect border = backgroundRoundedRectAdjustedForBleedAvoidance(obj, context, rect, bleedAvoidance, box, boxSize, includeLeftEdge, includeRightEdge);
332 if (border.isRenderable()) {
333 context->fillRoundedRect(border, bgColor);
334 } else {
335 context->save();
336 clipRoundedInnerRect(context, rect, border);
337 context->fillRect(border.rect(), bgColor);
338 context->restore();
339 }
340 } else {
341 context->fillRect(pixelSnappedIntRect(rect), bgColor);
342 }
343
344 return;
345 }
346
347 // BorderFillBox radius clipping is taken care of by BackgroundBleedClipBackground
348 bool clipToBorderRadius = hasRoundedBorder && !(isBorderFill && bleedAvoidance == BackgroundBleedClipBackground);
349 GraphicsContextStateSaver clipToBorderStateSaver(*context, clipToBorderRadius);
350 if (clipToBorderRadius) {
351 RoundedRect border = isBorderFill ? backgroundRoundedRectAdjustedForBleedAvoidance(obj, context, rect, bleedAvoidance, box, boxSize, includeLeftEdge, includeRightEdge) : getBackgroundRoundedRect(obj, rect, box, boxSize.width(), boxSize.height(), includeLeftEdge, includeRightEdge);
352
353 // Clip to the padding or content boxes as necessary.
354 if (bgLayer.clip() == ContentFillBox) {
355 border = obj.style()->getRoundedInnerBorderFor(border.rect(),
356 obj.paddingTop() + obj.borderTop(), obj.paddingBottom() + obj.borderBottom(),
357 obj.paddingLeft() + obj.borderLeft(), obj.paddingRight() + obj.borderRight(), includeLeftEdge, includeRightEdge);
358 } else if (bgLayer.clip() == PaddingFillBox) {
359 border = obj.style()->getRoundedInnerBorderFor(border.rect(), includeLeftEdge, includeRightEdge);
360 }
361
362 clipRoundedInnerRect(context, rect, border);
363 }
364
365 int bLeft = includeLeftEdge ? obj.borderLeft() : 0;
366 int bRight = includeRightEdge ? obj.borderRight() : 0;
367 LayoutUnit pLeft = includeLeftEdge ? obj.paddingLeft() : LayoutUnit();
368 LayoutUnit pRight = includeRightEdge ? obj.paddingRight() : LayoutUnit();
369
370 GraphicsContextStateSaver clipWithScrollingStateSaver(*context, clippedWithLocalScrolling);
371 LayoutRect scrolledPaintRect = rect;
372 if (clippedWithLocalScrolling) {
373 // Clip to the overflow area.
374 RenderBox* thisBox = toRenderBox(&obj);
375 context->clip(thisBox->overflowClipRect(rect.location()));
376
377 // Adjust the paint rect to reflect a scrolled content box with borders at the ends.
378 IntSize offset = thisBox->scrolledContentOffset();
379 scrolledPaintRect.move(-offset);
380 scrolledPaintRect.setWidth(bLeft + thisBox->scrollWidth() + bRight);
381 scrolledPaintRect.setHeight(thisBox->borderTop() + thisBox->scrollHeight() + thisBox->borderBottom());
382 }
383
384 GraphicsContextStateSaver backgroundClipStateSaver(*context, false);
385 IntRect maskRect;
386
387 switch (bgLayer.clip()) {
388 case PaddingFillBox:
389 case ContentFillBox: {
390 if (clipToBorderRadius)
391 break;
392
393 // Clip to the padding or content boxes as necessary.
394 bool includePadding = bgLayer.clip() == ContentFillBox;
395 LayoutRect clipRect = LayoutRect(scrolledPaintRect.x() + bLeft + (includePadding ? pLeft : LayoutUnit()),
396 scrolledPaintRect.y() + obj.borderTop() + (includePadding ? obj.paddingTop() : LayoutUnit()),
397 scrolledPaintRect.width() - bLeft - bRight - (includePadding ? pLeft + pRight : LayoutUnit()),
398 scrolledPaintRect.height() - obj.borderTop() - obj.borderBottom() - (includePadding ? obj.paddingTop() + obj.paddingBottom() : LayoutUnit()));
399 backgroundClipStateSaver.save();
400 context->clip(clipRect);
401
402 break;
403 }
404 case TextFillBox: {
405 // First figure out how big the mask has to be. It should be no bigger than what we need
406 // to actually render, so we should intersect the dirty rect with the border box of the background.
407 maskRect = pixelSnappedIntRect(rect);
408 maskRect.intersect(paintInfo.rect);
409
410 // We draw the background into a separate layer, to be later masked with yet another layer
411 // holding the text content.
412 backgroundClipStateSaver.save();
413 context->clip(maskRect);
414 context->beginTransparencyLayer(1);
415
416 break;
417 }
418 case BorderFillBox:
419 break;
420 default:
421 ASSERT_NOT_REACHED();
422 break;
423 }
424
425 // Paint the color first underneath all images, culled if background image occludes it.
426 // FIXME: In the bgLayer->hasFiniteBounds() case, we could improve the culling test
427 // by verifying whether the background image covers the entire layout rect.
428 if (isBottomLayer) {
429 IntRect backgroundRect(pixelSnappedIntRect(scrolledPaintRect));
430 bool boxShadowShouldBeAppliedToBackground = obj.boxShadowShouldBeAppliedToBackground(bleedAvoidance, box);
431 bool isOpaqueRoot = (isDocumentElementRenderer && !bgColor.hasAlpha()) || isDocumentElementWithOpaqueBackground(obj);
432 if (boxShadowShouldBeAppliedToBackground || !shouldPaintBackgroundImage || !bgLayer.hasOpaqueImage(&obj) || !bgLayer.hasRepeatXY() || (isOpaqueRoot && !toRenderBox(&obj)->height())) {
433 if (!boxShadowShouldBeAppliedToBackground)
434 backgroundRect.intersect(paintInfo.rect);
435
436 GraphicsContextStateSaver shadowStateSaver(*context, boxShadowShouldBeAppliedToBackground);
437 if (boxShadowShouldBeAppliedToBackground)
438 BoxPainter::applyBoxShadowForBackground(context, obj);
439
440 if (isOpaqueRoot && !skipBaseColor) {
441 paintRootBackgroundColor(obj, paintInfo, rect, bgColor);
442 } else if (bgColor.alpha()) {
443 context->fillRect(backgroundRect, bgColor, context->compositeOperation());
444 }
445 }
446 }
447
448 // no progressive loading of the background image
449 if (shouldPaintBackgroundImage) {
450 BackgroundImageGeometry geometry;
451 calculateBackgroundImageGeometry(obj, paintInfo.paintContainer(), bgLayer, scrolledPaintRect, geometry, backgroundObject);
452 if (!geometry.destRect().isEmpty()) {
453 CompositeOperator compositeOp = op == CompositeSourceOver ? bgLayer.composite() : op;
454 RenderObject* clientForBackgroundImage = backgroundObject ? backgroundObject : &obj;
455 RefPtr<Image> image = bgImage->image(clientForBackgroundImage, geometry.tileSize());
456 InterpolationQuality interpolationQuality = chooseInterpolationQuality(obj, context, image.get(), &bgLayer, geometry.tileSize());
457 if (bgLayer.maskSourceType() == MaskLuminance)
458 context->setColorFilter(ColorFilterLuminanceToAlpha);
459 InterpolationQuality previousInterpolationQuality = context->imageInterpolationQuality();
460 context->setImageInterpolationQuality(interpolationQuality);
461 context->drawTiledImage(image.get(), geometry.destRect(), geometry.relativePhase(), geometry.tileSize(),
462 compositeOp, bgLayer.blendMode(), geometry.spaceSize());
463 context->setImageInterpolationQuality(previousInterpolationQuality);
464 }
465 }
466
467 if (bgLayer.clip() == TextFillBox) {
468 // Create the text mask layer.
469 context->setCompositeOperation(CompositeDestinationIn);
470 context->beginTransparencyLayer(1);
471
472 // FIXME: Workaround for https://code.google.com/p/skia/issues/detail?id=1291.
473 context->clearRect(maskRect);
474
475 // Now draw the text into the mask. We do this by painting using a special paint phase that signals to
476 // InlineTextBoxes that they should just add their contents to the clip.
477 PaintInfo info(context, maskRect, PaintPhaseTextClip, PaintBehaviorForceBlackText, 0);
478 context->setCompositeOperation(CompositeSourceOver);
479 if (box) {
480 RootInlineBox& root = box->root();
481 box->paint(info, LayoutPoint(scrolledPaintRect.x() - box->x(), scrolledPaintRect.y() - box->y()), root.lineTop(), root.lineBottom());
482 } else {
483 LayoutSize localOffset = obj.isBox() ? toRenderBox(&obj)->locationOffset() : LayoutSize();
484 obj.paint(info, scrolledPaintRect.location() - localOffset);
485 }
486
487 context->endLayer();
488 context->endLayer();
489 }
490 }
491
paintMask(PaintInfo & paintInfo,const LayoutPoint & paintOffset)492 void BoxPainter::paintMask(PaintInfo& paintInfo, const LayoutPoint& paintOffset)
493 {
494 if (!paintInfo.shouldPaintWithinRoot(&m_renderBox) || m_renderBox.style()->visibility() != VISIBLE || paintInfo.phase != PaintPhaseMask)
495 return;
496
497 LayoutRect paintRect = LayoutRect(paintOffset, m_renderBox.size());
498 paintMaskImages(paintInfo, paintRect);
499 }
500
paintMaskImages(const PaintInfo & paintInfo,const LayoutRect & paintRect)501 void BoxPainter::paintMaskImages(const PaintInfo& paintInfo, const LayoutRect& paintRect)
502 {
503 // Figure out if we need to push a transparency layer to render our mask.
504 bool pushTransparencyLayer = false;
505 bool compositedMask = m_renderBox.hasLayer() && m_renderBox.layer()->hasCompositedMask();
506 bool flattenCompositingLayers = m_renderBox.view()->frameView() && m_renderBox.view()->frameView()->paintBehavior() & PaintBehaviorFlattenCompositingLayers;
507 CompositeOperator compositeOp = CompositeSourceOver;
508
509 bool allMaskImagesLoaded = true;
510
511 if (!compositedMask || flattenCompositingLayers) {
512 pushTransparencyLayer = true;
513 StyleImage* maskBoxImage = m_renderBox.style()->maskBoxImage().image();
514 const FillLayer& maskLayers = m_renderBox.style()->maskLayers();
515
516 // Don't render a masked element until all the mask images have loaded, to prevent a flash of unmasked content.
517 if (maskBoxImage)
518 allMaskImagesLoaded &= maskBoxImage->isLoaded();
519
520 allMaskImagesLoaded &= maskLayers.imagesAreLoaded();
521
522 paintInfo.context->setCompositeOperation(CompositeDestinationIn);
523 paintInfo.context->beginTransparencyLayer(1);
524 compositeOp = CompositeSourceOver;
525 }
526
527 if (allMaskImagesLoaded) {
528 paintFillLayers(paintInfo, Color::transparent, m_renderBox.style()->maskLayers(), paintRect, BackgroundBleedNone, compositeOp);
529 paintNinePieceImage(m_renderBox, paintInfo.context, paintRect, m_renderBox.style(), m_renderBox.style()->maskBoxImage(), compositeOp);
530 }
531
532 if (pushTransparencyLayer)
533 paintInfo.context->endLayer();
534 }
535
paintClippingMask(PaintInfo & paintInfo,const LayoutPoint & paintOffset)536 void BoxPainter::paintClippingMask(PaintInfo& paintInfo, const LayoutPoint& paintOffset)
537 {
538 if (!paintInfo.shouldPaintWithinRoot(&m_renderBox) || m_renderBox.style()->visibility() != VISIBLE || paintInfo.phase != PaintPhaseClippingMask)
539 return;
540
541 if (!m_renderBox.layer() || m_renderBox.layer()->compositingState() != PaintsIntoOwnBacking)
542 return;
543
544 // We should never have this state in this function. A layer with a mask
545 // should have always created its own backing if it became composited.
546 ASSERT(m_renderBox.layer()->compositingState() != HasOwnBackingButPaintsIntoAncestor);
547
548 LayoutRect paintRect = LayoutRect(paintOffset, m_renderBox.size());
549 paintInfo.context->fillRect(pixelSnappedIntRect(paintRect), Color::black);
550 }
551
paintRootBackgroundColor(RenderObject & obj,const PaintInfo & paintInfo,const LayoutRect & rect,const Color & bgColor)552 void BoxPainter::paintRootBackgroundColor(RenderObject& obj, const PaintInfo& paintInfo, const LayoutRect& rect, const Color& bgColor)
553 {
554 GraphicsContext* context = paintInfo.context;
555 if (rect.isEmpty())
556 return;
557
558 ASSERT(obj.isDocumentElement());
559
560 IntRect backgroundRect(pixelSnappedIntRect(rect));
561 backgroundRect.intersect(paintInfo.rect);
562
563 Color baseColor = obj.view()->frameView()->baseBackgroundColor();
564 bool shouldClearDocumentBackground = obj.document().settings() && obj.document().settings()->shouldClearDocumentBackground();
565 CompositeOperator operation = shouldClearDocumentBackground ? CompositeCopy : context->compositeOperation();
566
567 // If we have an alpha go ahead and blend with the base background color.
568 if (baseColor.alpha()) {
569 if (bgColor.alpha())
570 baseColor = baseColor.blend(bgColor);
571 context->fillRect(backgroundRect, baseColor, operation);
572 } else if (bgColor.alpha()) {
573 context->fillRect(backgroundRect, bgColor, operation);
574 } else if (shouldClearDocumentBackground) {
575 context->clearRect(backgroundRect);
576 }
577 }
578
isDocumentElementWithOpaqueBackground(RenderObject & obj)579 bool BoxPainter::isDocumentElementWithOpaqueBackground(RenderObject& obj)
580 {
581 if (!obj.isDocumentElement())
582 return false;
583
584 // The background is opaque only if we're the root document, since iframes with
585 // no background in the child document should show the parent's background.
586 bool isOpaque = true;
587 Element* ownerElement = obj.document().ownerElement();
588 if (ownerElement) {
589 if (!isHTMLFrameElement(*ownerElement)) {
590 // Locate the <body> element using the DOM. This is easier than trying
591 // to crawl around a render tree with potential :before/:after content and
592 // anonymous blocks created by inline <body> tags etc. We can locate the <body>
593 // render object very easily via the DOM.
594 HTMLElement* body = obj.document().body();
595 if (body) {
596 // Can't scroll a frameset document anyway.
597 isOpaque = body->hasTagName(HTMLNames::framesetTag);
598 } else {
599 // FIXME: SVG specific behavior should be in the SVG code.
600 // SVG documents and XML documents with SVG root nodes are transparent.
601 isOpaque = !obj.document().hasSVGRootNode();
602 }
603 }
604 } else if (obj.view()->frameView()) {
605 isOpaque = !obj.view()->frameView()->isTransparent();
606 }
607
608 return isOpaque;
609 }
610
getSpace(int areaSize,int tileSize)611 static inline int getSpace(int areaSize, int tileSize)
612 {
613 int numberOfTiles = areaSize / tileSize;
614 int space = -1;
615
616 if (numberOfTiles > 1)
617 space = lroundf((float)(areaSize - numberOfTiles * tileSize) / (numberOfTiles - 1));
618
619 return space;
620 }
621
calculateBackgroundImageGeometry(RenderBoxModelObject & obj,const RenderLayerModelObject * paintContainer,const FillLayer & fillLayer,const LayoutRect & paintRect,BackgroundImageGeometry & geometry,RenderObject * backgroundObject)622 void BoxPainter::calculateBackgroundImageGeometry(RenderBoxModelObject& obj, const RenderLayerModelObject* paintContainer, const FillLayer& fillLayer, const LayoutRect& paintRect,
623 BackgroundImageGeometry& geometry, RenderObject* backgroundObject)
624 {
625 LayoutUnit left = 0;
626 LayoutUnit top = 0;
627 IntSize positioningAreaSize;
628 IntRect snappedPaintRect = pixelSnappedIntRect(paintRect);
629
630 // Determine the background positioning area and set destRect to the background painting area.
631 // destRect will be adjusted later if the background is non-repeating.
632 // FIXME: transforms spec says that fixed backgrounds behave like scroll inside transforms.
633 bool fixedAttachment = fillLayer.attachment() == FixedBackgroundAttachment;
634
635 if (RuntimeEnabledFeatures::fastMobileScrollingEnabled()) {
636 // As a side effect of an optimization to blit on scroll, we do not honor the CSS
637 // property "background-attachment: fixed" because it may result in rendering
638 // artifacts. Note, these artifacts only appear if we are blitting on scroll of
639 // a page that has fixed background images.
640 fixedAttachment = false;
641 }
642
643 if (!fixedAttachment) {
644 geometry.setDestRect(snappedPaintRect);
645
646 LayoutUnit right = 0;
647 LayoutUnit bottom = 0;
648 // Scroll and Local.
649 if (fillLayer.origin() != BorderFillBox) {
650 left = obj.borderLeft();
651 right = obj.borderRight();
652 top = obj.borderTop();
653 bottom = obj.borderBottom();
654 if (fillLayer.origin() == ContentFillBox) {
655 left += obj.paddingLeft();
656 right += obj.paddingRight();
657 top += obj.paddingTop();
658 bottom += obj.paddingBottom();
659 }
660 }
661
662 // The background of the box generated by the root element covers the entire canvas including
663 // its margins. Since those were added in already, we have to factor them out when computing
664 // the background positioning area.
665 if (obj.isDocumentElement()) {
666 positioningAreaSize = pixelSnappedIntSize(toRenderBox(&obj)->size() - LayoutSize(left + right, top + bottom), toRenderBox(&obj)->location());
667 left += obj.marginLeft();
668 top += obj.marginTop();
669 } else {
670 positioningAreaSize = pixelSnappedIntSize(paintRect.size() - LayoutSize(left + right, top + bottom), paintRect.location());
671 }
672 } else {
673 geometry.setHasNonLocalGeometry();
674
675 IntRect viewportRect = pixelSnappedIntRect(obj.viewRect());
676 if (fixedBackgroundPaintsInLocalCoordinates(obj))
677 viewportRect.setLocation(IntPoint());
678 else if (FrameView* frameView = obj.view()->frameView())
679 viewportRect.setLocation(IntPoint(frameView->scrollOffsetForFixedPosition()));
680
681 if (paintContainer) {
682 IntPoint absoluteContainerOffset = roundedIntPoint(paintContainer->localToAbsolute(FloatPoint()));
683 viewportRect.moveBy(-absoluteContainerOffset);
684 }
685
686 geometry.setDestRect(pixelSnappedIntRect(viewportRect));
687 positioningAreaSize = geometry.destRect().size();
688 }
689
690 const RenderObject* clientForBackgroundImage = backgroundObject ? backgroundObject : &obj;
691 IntSize fillTileSize = calculateFillTileSize(obj, fillLayer, positioningAreaSize);
692 fillLayer.image()->setContainerSizeForRenderer(clientForBackgroundImage, fillTileSize, obj.style()->effectiveZoom());
693 geometry.setTileSize(fillTileSize);
694
695 EFillRepeat backgroundRepeatX = fillLayer.repeatX();
696 EFillRepeat backgroundRepeatY = fillLayer.repeatY();
697 int availableWidth = positioningAreaSize.width() - geometry.tileSize().width();
698 int availableHeight = positioningAreaSize.height() - geometry.tileSize().height();
699
700 LayoutUnit computedXPosition = roundedMinimumValueForLength(fillLayer.xPosition(), availableWidth);
701 if (backgroundRepeatX == RoundFill && positioningAreaSize.width() > 0 && fillTileSize.width() > 0) {
702 long nrTiles = std::max(1l, lroundf((float)positioningAreaSize.width() / fillTileSize.width()));
703
704 if (fillLayer.size().size.height().isAuto() && backgroundRepeatY != RoundFill) {
705 fillTileSize.setHeight(fillTileSize.height() * positioningAreaSize.width() / (nrTiles * fillTileSize.width()));
706 }
707
708 fillTileSize.setWidth(positioningAreaSize.width() / nrTiles);
709 geometry.setTileSize(fillTileSize);
710 geometry.setPhaseX(geometry.tileSize().width() ? geometry.tileSize().width() - roundToInt(computedXPosition + left) % geometry.tileSize().width() : 0);
711 geometry.setSpaceSize(IntSize());
712 }
713
714 LayoutUnit computedYPosition = roundedMinimumValueForLength(fillLayer.yPosition(), availableHeight);
715 if (backgroundRepeatY == RoundFill && positioningAreaSize.height() > 0 && fillTileSize.height() > 0) {
716 long nrTiles = std::max(1l, lroundf((float)positioningAreaSize.height() / fillTileSize.height()));
717
718 if (fillLayer.size().size.width().isAuto() && backgroundRepeatX != RoundFill) {
719 fillTileSize.setWidth(fillTileSize.width() * positioningAreaSize.height() / (nrTiles * fillTileSize.height()));
720 }
721
722 fillTileSize.setHeight(positioningAreaSize.height() / nrTiles);
723 geometry.setTileSize(fillTileSize);
724 geometry.setPhaseY(geometry.tileSize().height() ? geometry.tileSize().height() - roundToInt(computedYPosition + top) % geometry.tileSize().height() : 0);
725 geometry.setSpaceSize(IntSize());
726 }
727
728 if (backgroundRepeatX == RepeatFill) {
729 geometry.setPhaseX(geometry.tileSize().width() ? geometry.tileSize().width() - roundToInt(computedXPosition + left) % geometry.tileSize().width() : 0);
730 geometry.setSpaceSize(IntSize());
731 } else if (backgroundRepeatX == SpaceFill && fillTileSize.width() > 0) {
732 int space = getSpace(positioningAreaSize.width(), geometry.tileSize().width());
733 int actualWidth = geometry.tileSize().width() + space;
734
735 if (space >= 0) {
736 computedXPosition = roundedMinimumValueForLength(Length(), availableWidth);
737 geometry.setSpaceSize(IntSize(space, 0));
738 geometry.setPhaseX(actualWidth ? actualWidth - roundToInt(computedXPosition + left) % actualWidth : 0);
739 } else {
740 backgroundRepeatX = NoRepeatFill;
741 }
742 }
743 if (backgroundRepeatX == NoRepeatFill) {
744 int xOffset = fillLayer.backgroundXOrigin() == RightEdge ? availableWidth - computedXPosition : computedXPosition;
745 geometry.setNoRepeatX(left + xOffset);
746 geometry.setSpaceSize(IntSize(0, geometry.spaceSize().height()));
747 }
748
749 if (backgroundRepeatY == RepeatFill) {
750 geometry.setPhaseY(geometry.tileSize().height() ? geometry.tileSize().height() - roundToInt(computedYPosition + top) % geometry.tileSize().height() : 0);
751 geometry.setSpaceSize(IntSize(geometry.spaceSize().width(), 0));
752 } else if (backgroundRepeatY == SpaceFill && fillTileSize.height() > 0) {
753 int space = getSpace(positioningAreaSize.height(), geometry.tileSize().height());
754 int actualHeight = geometry.tileSize().height() + space;
755
756 if (space >= 0) {
757 computedYPosition = roundedMinimumValueForLength(Length(), availableHeight);
758 geometry.setSpaceSize(IntSize(geometry.spaceSize().width(), space));
759 geometry.setPhaseY(actualHeight ? actualHeight - roundToInt(computedYPosition + top) % actualHeight : 0);
760 } else {
761 backgroundRepeatY = NoRepeatFill;
762 }
763 }
764 if (backgroundRepeatY == NoRepeatFill) {
765 int yOffset = fillLayer.backgroundYOrigin() == BottomEdge ? availableHeight - computedYPosition : computedYPosition;
766 geometry.setNoRepeatY(top + yOffset);
767 geometry.setSpaceSize(IntSize(geometry.spaceSize().width(), 0));
768 }
769
770 if (fixedAttachment)
771 geometry.useFixedAttachment(snappedPaintRect.location());
772
773 geometry.clip(snappedPaintRect);
774 geometry.setDestOrigin(geometry.destRect().location());
775 }
776
chooseInterpolationQuality(RenderBoxModelObject & obj,GraphicsContext * context,Image * image,const void * layer,const LayoutSize & size)777 InterpolationQuality BoxPainter::chooseInterpolationQuality(RenderBoxModelObject& obj, GraphicsContext* context, Image* image, const void* layer, const LayoutSize& size)
778 {
779 return ImageQualityController::imageQualityController()->chooseInterpolationQuality(context, &obj, image, layer, size);
780 }
781
fixedBackgroundPaintsInLocalCoordinates(const RenderObject & obj)782 bool BoxPainter::fixedBackgroundPaintsInLocalCoordinates(const RenderObject& obj)
783 {
784 if (!obj.isDocumentElement())
785 return false;
786
787 if (obj.view()->frameView() && obj.view()->frameView()->paintBehavior() & PaintBehaviorFlattenCompositingLayers)
788 return false;
789
790 RenderLayer* rootLayer = obj.view()->layer();
791 if (!rootLayer || rootLayer->compositingState() == NotComposited)
792 return false;
793
794 return rootLayer->compositedLayerMapping()->backgroundLayerPaintsFixedRootBackground();
795 }
796
applySubPixelHeuristicForTileSize(LayoutSize & tileSize,const IntSize & positioningAreaSize)797 static inline void applySubPixelHeuristicForTileSize(LayoutSize& tileSize, const IntSize& positioningAreaSize)
798 {
799 tileSize.setWidth(positioningAreaSize.width() - tileSize.width() <= 1 ? tileSize.width().ceil() : tileSize.width().floor());
800 tileSize.setHeight(positioningAreaSize.height() - tileSize.height() <= 1 ? tileSize.height().ceil() : tileSize.height().floor());
801 }
802
calculateFillTileSize(const RenderBoxModelObject & obj,const FillLayer & fillLayer,const IntSize & positioningAreaSize)803 IntSize BoxPainter::calculateFillTileSize(const RenderBoxModelObject& obj, const FillLayer& fillLayer, const IntSize& positioningAreaSize)
804 {
805 StyleImage* image = fillLayer.image();
806 EFillSizeType type = fillLayer.size().type;
807
808 IntSize imageIntrinsicSize = obj.calculateImageIntrinsicDimensions(image, positioningAreaSize, RenderBoxModelObject::ScaleByEffectiveZoom);
809 imageIntrinsicSize.scale(1 / image->imageScaleFactor(), 1 / image->imageScaleFactor());
810 switch (type) {
811 case SizeLength: {
812 LayoutSize tileSize = positioningAreaSize;
813
814 Length layerWidth = fillLayer.size().size.width();
815 Length layerHeight = fillLayer.size().size.height();
816
817 if (layerWidth.isFixed())
818 tileSize.setWidth(layerWidth.value());
819 else if (layerWidth.isPercent())
820 tileSize.setWidth(valueForLength(layerWidth, positioningAreaSize.width()));
821
822 if (layerHeight.isFixed())
823 tileSize.setHeight(layerHeight.value());
824 else if (layerHeight.isPercent())
825 tileSize.setHeight(valueForLength(layerHeight, positioningAreaSize.height()));
826
827 applySubPixelHeuristicForTileSize(tileSize, positioningAreaSize);
828
829 // If one of the values is auto we have to use the appropriate
830 // scale to maintain our aspect ratio.
831 if (layerWidth.isAuto() && !layerHeight.isAuto()) {
832 if (imageIntrinsicSize.height())
833 tileSize.setWidth(imageIntrinsicSize.width() * tileSize.height() / imageIntrinsicSize.height());
834 } else if (!layerWidth.isAuto() && layerHeight.isAuto()) {
835 if (imageIntrinsicSize.width())
836 tileSize.setHeight(imageIntrinsicSize.height() * tileSize.width() / imageIntrinsicSize.width());
837 } else if (layerWidth.isAuto() && layerHeight.isAuto()) {
838 // If both width and height are auto, use the image's intrinsic size.
839 tileSize = imageIntrinsicSize;
840 }
841
842 tileSize.clampNegativeToZero();
843 return flooredIntSize(tileSize);
844 }
845 case SizeNone: {
846 // If both values are ‘auto’ then the intrinsic width and/or height of the image should be used, if any.
847 if (!imageIntrinsicSize.isEmpty())
848 return imageIntrinsicSize;
849
850 // If the image has neither an intrinsic width nor an intrinsic height, its size is determined as for ‘contain’.
851 type = Contain;
852 }
853 case Contain:
854 case Cover: {
855 float horizontalScaleFactor = imageIntrinsicSize.width()
856 ? static_cast<float>(positioningAreaSize.width()) / imageIntrinsicSize.width() : 1;
857 float verticalScaleFactor = imageIntrinsicSize.height()
858 ? static_cast<float>(positioningAreaSize.height()) / imageIntrinsicSize.height() : 1;
859 float scaleFactor = type == Contain ? std::min(horizontalScaleFactor, verticalScaleFactor) : std::max(horizontalScaleFactor, verticalScaleFactor);
860 return IntSize(std::max(1l, lround(imageIntrinsicSize.width() * scaleFactor)), std::max(1l, lround(imageIntrinsicSize.height() * scaleFactor)));
861 }
862 }
863
864 ASSERT_NOT_REACHED();
865 return IntSize();
866 }
867
computeBorderImageSide(const BorderImageLength & borderSlice,LayoutUnit borderSide,LayoutUnit imageSide,LayoutUnit boxExtent)868 static LayoutUnit computeBorderImageSide(const BorderImageLength& borderSlice, LayoutUnit borderSide, LayoutUnit imageSide, LayoutUnit boxExtent)
869 {
870 if (borderSlice.isNumber())
871 return borderSlice.number() * borderSide;
872 if (borderSlice.length().isAuto())
873 return imageSide;
874 return valueForLength(borderSlice.length(), boxExtent);
875 }
876
paintNinePieceImage(RenderBoxModelObject & obj,GraphicsContext * graphicsContext,const LayoutRect & rect,const RenderStyle * style,const NinePieceImage & ninePieceImage,CompositeOperator op)877 bool BoxPainter::paintNinePieceImage(RenderBoxModelObject& obj, GraphicsContext* graphicsContext, const LayoutRect& rect, const RenderStyle* style, const NinePieceImage& ninePieceImage, CompositeOperator op)
878 {
879 StyleImage* styleImage = ninePieceImage.image();
880 if (!styleImage)
881 return false;
882
883 if (!styleImage->isLoaded())
884 return true; // Never paint a nine-piece image incrementally, but don't paint the fallback borders either.
885
886 if (!styleImage->canRender(obj, style->effectiveZoom()))
887 return false;
888
889 // FIXME: border-image is broken with full page zooming when tiling has to happen, since the tiling function
890 // doesn't have any understanding of the zoom that is in effect on the tile.
891 LayoutRect rectWithOutsets = rect;
892 rectWithOutsets.expand(style->imageOutsets(ninePieceImage));
893 IntRect borderImageRect = pixelSnappedIntRect(rectWithOutsets);
894
895 IntSize imageSize = obj.calculateImageIntrinsicDimensions(styleImage, borderImageRect.size(), RenderBoxModelObject::DoNotScaleByEffectiveZoom);
896
897 // If both values are ‘auto’ then the intrinsic width and/or height of the image should be used, if any.
898 styleImage->setContainerSizeForRenderer(&obj, imageSize, style->effectiveZoom());
899
900 int imageWidth = imageSize.width();
901 int imageHeight = imageSize.height();
902
903 float imageScaleFactor = styleImage->imageScaleFactor();
904 int topSlice = std::min<int>(imageHeight, valueForLength(ninePieceImage.imageSlices().top(), imageHeight)) * imageScaleFactor;
905 int rightSlice = std::min<int>(imageWidth, valueForLength(ninePieceImage.imageSlices().right(), imageWidth)) * imageScaleFactor;
906 int bottomSlice = std::min<int>(imageHeight, valueForLength(ninePieceImage.imageSlices().bottom(), imageHeight)) * imageScaleFactor;
907 int leftSlice = std::min<int>(imageWidth, valueForLength(ninePieceImage.imageSlices().left(), imageWidth)) * imageScaleFactor;
908
909 ENinePieceImageRule hRule = ninePieceImage.horizontalRule();
910 ENinePieceImageRule vRule = ninePieceImage.verticalRule();
911
912 int topWidth = computeBorderImageSide(ninePieceImage.borderSlices().top(), style->borderTopWidth(), topSlice, borderImageRect.height());
913 int rightWidth = computeBorderImageSide(ninePieceImage.borderSlices().right(), style->borderRightWidth(), rightSlice, borderImageRect.width());
914 int bottomWidth = computeBorderImageSide(ninePieceImage.borderSlices().bottom(), style->borderBottomWidth(), bottomSlice, borderImageRect.height());
915 int leftWidth = computeBorderImageSide(ninePieceImage.borderSlices().left(), style->borderLeftWidth(), leftSlice, borderImageRect.width());
916
917 // Reduce the widths if they're too large.
918 // The spec says: Given Lwidth as the width of the border image area, Lheight as its height, and Wside as the border image width
919 // offset for the side, let f = min(Lwidth/(Wleft+Wright), Lheight/(Wtop+Wbottom)). If f < 1, then all W are reduced by
920 // multiplying them by f.
921 int borderSideWidth = std::max(1, leftWidth + rightWidth);
922 int borderSideHeight = std::max(1, topWidth + bottomWidth);
923 float borderSideScaleFactor = std::min((float)borderImageRect.width() / borderSideWidth, (float)borderImageRect.height() / borderSideHeight);
924 if (borderSideScaleFactor < 1) {
925 topWidth *= borderSideScaleFactor;
926 rightWidth *= borderSideScaleFactor;
927 bottomWidth *= borderSideScaleFactor;
928 leftWidth *= borderSideScaleFactor;
929 }
930
931 bool drawLeft = leftSlice > 0 && leftWidth > 0;
932 bool drawTop = topSlice > 0 && topWidth > 0;
933 bool drawRight = rightSlice > 0 && rightWidth > 0;
934 bool drawBottom = bottomSlice > 0 && bottomWidth > 0;
935 bool drawMiddle = ninePieceImage.fill() && (imageWidth - leftSlice - rightSlice) > 0 && (borderImageRect.width() - leftWidth - rightWidth) > 0
936 && (imageHeight - topSlice - bottomSlice) > 0 && (borderImageRect.height() - topWidth - bottomWidth) > 0;
937
938 RefPtr<Image> image = styleImage->image(&obj, imageSize);
939
940 float destinationWidth = borderImageRect.width() - leftWidth - rightWidth;
941 float destinationHeight = borderImageRect.height() - topWidth - bottomWidth;
942
943 float sourceWidth = imageWidth - leftSlice - rightSlice;
944 float sourceHeight = imageHeight - topSlice - bottomSlice;
945
946 float leftSideScale = drawLeft ? (float)leftWidth / leftSlice : 1;
947 float rightSideScale = drawRight ? (float)rightWidth / rightSlice : 1;
948 float topSideScale = drawTop ? (float)topWidth / topSlice : 1;
949 float bottomSideScale = drawBottom ? (float)bottomWidth / bottomSlice : 1;
950
951 if (drawLeft) {
952 // Paint the top and bottom left corners.
953
954 // The top left corner rect is (tx, ty, leftWidth, topWidth)
955 // The rect to use from within the image is obtained from our slice, and is (0, 0, leftSlice, topSlice)
956 if (drawTop) {
957 graphicsContext->drawImage(image.get(), IntRect(borderImageRect.location(), IntSize(leftWidth, topWidth)),
958 LayoutRect(0, 0, leftSlice, topSlice), op);
959 }
960
961 // The bottom left corner rect is (tx, ty + h - bottomWidth, leftWidth, bottomWidth)
962 // The rect to use from within the image is (0, imageHeight - bottomSlice, leftSlice, botomSlice)
963 if (drawBottom) {
964 graphicsContext->drawImage(image.get(), IntRect(borderImageRect.x(), borderImageRect.maxY() - bottomWidth, leftWidth, bottomWidth),
965 LayoutRect(0, imageHeight - bottomSlice, leftSlice, bottomSlice), op);
966 }
967
968 // Paint the left edge.
969 // Have to scale and tile into the border rect.
970 if (sourceHeight > 0) {
971 graphicsContext->drawTiledImage(image.get(), IntRect(borderImageRect.x(), borderImageRect.y() + topWidth, leftWidth, destinationHeight),
972 IntRect(0, topSlice, leftSlice, sourceHeight), FloatSize(leftSideScale, leftSideScale), Image::StretchTile, (Image::TileRule)vRule, op);
973 }
974 }
975
976 if (drawRight) {
977 // Paint the top and bottom right corners
978 // The top right corner rect is (tx + w - rightWidth, ty, rightWidth, topWidth)
979 // The rect to use from within the image is obtained from our slice, and is (imageWidth - rightSlice, 0, rightSlice, topSlice)
980 if (drawTop) {
981 graphicsContext->drawImage(image.get(), IntRect(borderImageRect.maxX() - rightWidth, borderImageRect.y(), rightWidth, topWidth),
982 LayoutRect(imageWidth - rightSlice, 0, rightSlice, topSlice), op);
983 }
984
985 // The bottom right corner rect is (tx + w - rightWidth, ty + h - bottomWidth, rightWidth, bottomWidth)
986 // The rect to use from within the image is (imageWidth - rightSlice, imageHeight - bottomSlice, rightSlice, bottomSlice)
987 if (drawBottom) {
988 graphicsContext->drawImage(image.get(), IntRect(borderImageRect.maxX() - rightWidth, borderImageRect.maxY() - bottomWidth, rightWidth, bottomWidth),
989 LayoutRect(imageWidth - rightSlice, imageHeight - bottomSlice, rightSlice, bottomSlice), op);
990 }
991
992 // Paint the right edge.
993 if (sourceHeight > 0) {
994 graphicsContext->drawTiledImage(image.get(), IntRect(borderImageRect.maxX() - rightWidth, borderImageRect.y() + topWidth, rightWidth,
995 destinationHeight),
996 IntRect(imageWidth - rightSlice, topSlice, rightSlice, sourceHeight),
997 FloatSize(rightSideScale, rightSideScale),
998 Image::StretchTile, (Image::TileRule)vRule, op);
999 }
1000 }
1001
1002 // Paint the top edge.
1003 if (drawTop && sourceWidth > 0) {
1004 graphicsContext->drawTiledImage(image.get(), IntRect(borderImageRect.x() + leftWidth, borderImageRect.y(), destinationWidth, topWidth),
1005 IntRect(leftSlice, 0, sourceWidth, topSlice),
1006 FloatSize(topSideScale, topSideScale), (Image::TileRule)hRule, Image::StretchTile, op);
1007 }
1008
1009 // Paint the bottom edge.
1010 if (drawBottom && sourceWidth > 0) {
1011 graphicsContext->drawTiledImage(image.get(), IntRect(borderImageRect.x() + leftWidth, borderImageRect.maxY() - bottomWidth,
1012 destinationWidth, bottomWidth),
1013 IntRect(leftSlice, imageHeight - bottomSlice, sourceWidth, bottomSlice),
1014 FloatSize(bottomSideScale, bottomSideScale),
1015 (Image::TileRule)hRule, Image::StretchTile, op);
1016 }
1017
1018 // Paint the middle.
1019 if (drawMiddle) {
1020 FloatSize middleScaleFactor(1, 1);
1021 if (drawTop)
1022 middleScaleFactor.setWidth(topSideScale);
1023 else if (drawBottom)
1024 middleScaleFactor.setWidth(bottomSideScale);
1025 if (drawLeft)
1026 middleScaleFactor.setHeight(leftSideScale);
1027 else if (drawRight)
1028 middleScaleFactor.setHeight(rightSideScale);
1029
1030 // For "stretch" rules, just override the scale factor and replace. We only had to do this for the
1031 // center tile, since sides don't even use the scale factor unless they have a rule other than "stretch".
1032 // The middle however can have "stretch" specified in one axis but not the other, so we have to
1033 // correct the scale here.
1034 if (hRule == StretchImageRule)
1035 middleScaleFactor.setWidth(destinationWidth / sourceWidth);
1036
1037 if (vRule == StretchImageRule)
1038 middleScaleFactor.setHeight(destinationHeight / sourceHeight);
1039
1040 graphicsContext->drawTiledImage(image.get(),
1041 IntRect(borderImageRect.x() + leftWidth, borderImageRect.y() + topWidth, destinationWidth, destinationHeight),
1042 IntRect(leftSlice, topSlice, sourceWidth, sourceHeight),
1043 middleScaleFactor, (Image::TileRule)hRule, (Image::TileRule)vRule, op);
1044 }
1045
1046 return true;
1047 }
1048
calculateSideRect(const RoundedRect & outerBorder,const BorderEdge edges[],int side)1049 static IntRect calculateSideRect(const RoundedRect& outerBorder, const BorderEdge edges[], int side)
1050 {
1051 IntRect sideRect = outerBorder.rect();
1052 int width = edges[side].width;
1053
1054 if (side == BSTop)
1055 sideRect.setHeight(width);
1056 else if (side == BSBottom)
1057 sideRect.shiftYEdgeTo(sideRect.maxY() - width);
1058 else if (side == BSLeft)
1059 sideRect.setWidth(width);
1060 else
1061 sideRect.shiftXEdgeTo(sideRect.maxX() - width);
1062
1063 return sideRect;
1064 }
1065
1066 enum BorderEdgeFlag {
1067 TopBorderEdge = 1 << BSTop,
1068 RightBorderEdge = 1 << BSRight,
1069 BottomBorderEdge = 1 << BSBottom,
1070 LeftBorderEdge = 1 << BSLeft,
1071 AllBorderEdges = TopBorderEdge | BottomBorderEdge | LeftBorderEdge | RightBorderEdge
1072 };
1073
edgeFlagForSide(BoxSide side)1074 static inline BorderEdgeFlag edgeFlagForSide(BoxSide side)
1075 {
1076 return static_cast<BorderEdgeFlag>(1 << side);
1077 }
1078
includesEdge(BorderEdgeFlags flags,BoxSide side)1079 static inline bool includesEdge(BorderEdgeFlags flags, BoxSide side)
1080 {
1081 return flags & edgeFlagForSide(side);
1082 }
1083
styleRequiresClipPolygon(EBorderStyle style)1084 inline bool styleRequiresClipPolygon(EBorderStyle style)
1085 {
1086 return style == DOTTED || style == DASHED; // These are drawn with a stroke, so we have to clip to get corner miters.
1087 }
1088
borderStyleFillsBorderArea(EBorderStyle style)1089 static bool borderStyleFillsBorderArea(EBorderStyle style)
1090 {
1091 return !(style == DOTTED || style == DASHED || style == DOUBLE);
1092 }
1093
borderStyleHasInnerDetail(EBorderStyle style)1094 static bool borderStyleHasInnerDetail(EBorderStyle style)
1095 {
1096 return style == GROOVE || style == RIDGE || style == DOUBLE;
1097 }
1098
borderStyleIsDottedOrDashed(EBorderStyle style)1099 static bool borderStyleIsDottedOrDashed(EBorderStyle style)
1100 {
1101 return style == DOTTED || style == DASHED;
1102 }
1103
1104 // OUTSET darkens the bottom and right (and maybe lightens the top and left)
1105 // INSET darkens the top and left (and maybe lightens the bottom and right)
borderStyleHasUnmatchedColorsAtCorner(EBorderStyle style,BoxSide side,BoxSide adjacentSide)1106 static inline bool borderStyleHasUnmatchedColorsAtCorner(EBorderStyle style, BoxSide side, BoxSide adjacentSide)
1107 {
1108 // These styles match at the top/left and bottom/right.
1109 if (style == INSET || style == GROOVE || style == RIDGE || style == OUTSET) {
1110 const BorderEdgeFlags topRightFlags = edgeFlagForSide(BSTop) | edgeFlagForSide(BSRight);
1111 const BorderEdgeFlags bottomLeftFlags = edgeFlagForSide(BSBottom) | edgeFlagForSide(BSLeft);
1112
1113 BorderEdgeFlags flags = edgeFlagForSide(side) | edgeFlagForSide(adjacentSide);
1114 return flags == topRightFlags || flags == bottomLeftFlags;
1115 }
1116 return false;
1117 }
1118
colorsMatchAtCorner(BoxSide side,BoxSide adjacentSide,const BorderEdge edges[])1119 static inline bool colorsMatchAtCorner(BoxSide side, BoxSide adjacentSide, const BorderEdge edges[])
1120 {
1121 if (edges[side].shouldRender() != edges[adjacentSide].shouldRender())
1122 return false;
1123
1124 if (!edges[side].sharesColorWith(edges[adjacentSide]))
1125 return false;
1126
1127 return !borderStyleHasUnmatchedColorsAtCorner(edges[side].borderStyle(), side, adjacentSide);
1128 }
1129
colorNeedsAntiAliasAtCorner(BoxSide side,BoxSide adjacentSide,const BorderEdge edges[])1130 static inline bool colorNeedsAntiAliasAtCorner(BoxSide side, BoxSide adjacentSide, const BorderEdge edges[])
1131 {
1132 if (!edges[side].color.hasAlpha())
1133 return false;
1134
1135 if (edges[side].shouldRender() != edges[adjacentSide].shouldRender())
1136 return false;
1137
1138 if (!edges[side].sharesColorWith(edges[adjacentSide]))
1139 return true;
1140
1141 return borderStyleHasUnmatchedColorsAtCorner(edges[side].borderStyle(), side, adjacentSide);
1142 }
1143
shouldAntialiasLines(GraphicsContext * context)1144 bool BoxPainter::shouldAntialiasLines(GraphicsContext* context)
1145 {
1146 // FIXME: We may want to not antialias when scaled by an integral value,
1147 // and we may want to antialias when translated by a non-integral value.
1148 // FIXME: See crbug.com/382491. getCTM does not include scale factors applied at raster time, such
1149 // as device zoom.
1150 return !context->getCTM().isIdentityOrTranslationOrFlipped();
1151 }
1152
borderWillArcInnerEdge(const LayoutSize & firstRadius,const FloatSize & secondRadius)1153 static bool borderWillArcInnerEdge(const LayoutSize& firstRadius, const FloatSize& secondRadius)
1154 {
1155 return !firstRadius.isZero() || !secondRadius.isZero();
1156 }
1157
1158 // This assumes that we draw in order: top, bottom, left, right.
willBeOverdrawn(BoxSide side,BoxSide adjacentSide,const BorderEdge edges[])1159 static inline bool willBeOverdrawn(BoxSide side, BoxSide adjacentSide, const BorderEdge edges[])
1160 {
1161 switch (side) {
1162 case BSTop:
1163 case BSBottom:
1164 if (edges[adjacentSide].presentButInvisible())
1165 return false;
1166
1167 if (!edges[side].sharesColorWith(edges[adjacentSide]) && edges[adjacentSide].color.hasAlpha())
1168 return false;
1169
1170 if (!borderStyleFillsBorderArea(edges[adjacentSide].borderStyle()))
1171 return false;
1172
1173 return true;
1174
1175 case BSLeft:
1176 case BSRight:
1177 // These draw last, so are never overdrawn.
1178 return false;
1179 }
1180 return false;
1181 }
1182
borderStylesRequireMitre(BoxSide side,BoxSide adjacentSide,EBorderStyle style,EBorderStyle adjacentStyle)1183 static inline bool borderStylesRequireMitre(BoxSide side, BoxSide adjacentSide, EBorderStyle style, EBorderStyle adjacentStyle)
1184 {
1185 if (style == DOUBLE || adjacentStyle == DOUBLE || adjacentStyle == GROOVE || adjacentStyle == RIDGE)
1186 return true;
1187
1188 if (borderStyleIsDottedOrDashed(style) != borderStyleIsDottedOrDashed(adjacentStyle))
1189 return true;
1190
1191 if (style != adjacentStyle)
1192 return true;
1193
1194 return borderStyleHasUnmatchedColorsAtCorner(style, side, adjacentSide);
1195 }
1196
joinRequiresMitre(BoxSide side,BoxSide adjacentSide,const BorderEdge edges[],bool allowOverdraw)1197 static bool joinRequiresMitre(BoxSide side, BoxSide adjacentSide, const BorderEdge edges[], bool allowOverdraw)
1198 {
1199 if ((edges[side].isTransparent && edges[adjacentSide].isTransparent) || !edges[adjacentSide].isPresent)
1200 return false;
1201
1202 if (allowOverdraw && willBeOverdrawn(side, adjacentSide, edges))
1203 return false;
1204
1205 if (!edges[side].sharesColorWith(edges[adjacentSide]))
1206 return true;
1207
1208 if (borderStylesRequireMitre(side, adjacentSide, edges[side].borderStyle(), edges[adjacentSide].borderStyle()))
1209 return true;
1210
1211 return false;
1212 }
1213
calculateSideRectIncludingInner(const RoundedRect & outerBorder,const BorderEdge edges[],BoxSide side)1214 static IntRect calculateSideRectIncludingInner(const RoundedRect& outerBorder, const BorderEdge edges[], BoxSide side)
1215 {
1216 IntRect sideRect = outerBorder.rect();
1217 int width;
1218
1219 switch (side) {
1220 case BSTop:
1221 width = sideRect.height() - edges[BSBottom].width;
1222 sideRect.setHeight(width);
1223 break;
1224 case BSBottom:
1225 width = sideRect.height() - edges[BSTop].width;
1226 sideRect.shiftYEdgeTo(sideRect.maxY() - width);
1227 break;
1228 case BSLeft:
1229 width = sideRect.width() - edges[BSRight].width;
1230 sideRect.setWidth(width);
1231 break;
1232 case BSRight:
1233 width = sideRect.width() - edges[BSLeft].width;
1234 sideRect.shiftXEdgeTo(sideRect.maxX() - width);
1235 break;
1236 }
1237
1238 return sideRect;
1239 }
1240
calculateAdjustedInnerBorder(const RoundedRect & innerBorder,BoxSide side)1241 static RoundedRect calculateAdjustedInnerBorder(const RoundedRect&innerBorder, BoxSide side)
1242 {
1243 // Expand the inner border as necessary to make it a rounded rect (i.e. radii contained within each edge).
1244 // This function relies on the fact we only get radii not contained within each edge if one of the radii
1245 // for an edge is zero, so we can shift the arc towards the zero radius corner.
1246 RoundedRect::Radii newRadii = innerBorder.radii();
1247 IntRect newRect = innerBorder.rect();
1248
1249 float overshoot;
1250 float maxRadii;
1251
1252 switch (side) {
1253 case BSTop:
1254 overshoot = newRadii.topLeft().width() + newRadii.topRight().width() - newRect.width();
1255 if (overshoot > 0) {
1256 ASSERT(!(newRadii.topLeft().width() && newRadii.topRight().width()));
1257 newRect.setWidth(newRect.width() + overshoot);
1258 if (!newRadii.topLeft().width())
1259 newRect.move(-overshoot, 0);
1260 }
1261 newRadii.setBottomLeft(IntSize(0, 0));
1262 newRadii.setBottomRight(IntSize(0, 0));
1263 maxRadii = std::max(newRadii.topLeft().height(), newRadii.topRight().height());
1264 if (maxRadii > newRect.height())
1265 newRect.setHeight(maxRadii);
1266 break;
1267
1268 case BSBottom:
1269 overshoot = newRadii.bottomLeft().width() + newRadii.bottomRight().width() - newRect.width();
1270 if (overshoot > 0) {
1271 ASSERT(!(newRadii.bottomLeft().width() && newRadii.bottomRight().width()));
1272 newRect.setWidth(newRect.width() + overshoot);
1273 if (!newRadii.bottomLeft().width())
1274 newRect.move(-overshoot, 0);
1275 }
1276 newRadii.setTopLeft(IntSize(0, 0));
1277 newRadii.setTopRight(IntSize(0, 0));
1278 maxRadii = std::max(newRadii.bottomLeft().height(), newRadii.bottomRight().height());
1279 if (maxRadii > newRect.height()) {
1280 newRect.move(0, newRect.height() - maxRadii);
1281 newRect.setHeight(maxRadii);
1282 }
1283 break;
1284
1285 case BSLeft:
1286 overshoot = newRadii.topLeft().height() + newRadii.bottomLeft().height() - newRect.height();
1287 if (overshoot > 0) {
1288 ASSERT(!(newRadii.topLeft().height() && newRadii.bottomLeft().height()));
1289 newRect.setHeight(newRect.height() + overshoot);
1290 if (!newRadii.topLeft().height())
1291 newRect.move(0, -overshoot);
1292 }
1293 newRadii.setTopRight(IntSize(0, 0));
1294 newRadii.setBottomRight(IntSize(0, 0));
1295 maxRadii = std::max(newRadii.topLeft().width(), newRadii.bottomLeft().width());
1296 if (maxRadii > newRect.width())
1297 newRect.setWidth(maxRadii);
1298 break;
1299
1300 case BSRight:
1301 overshoot = newRadii.topRight().height() + newRadii.bottomRight().height() - newRect.height();
1302 if (overshoot > 0) {
1303 ASSERT(!(newRadii.topRight().height() && newRadii.bottomRight().height()));
1304 newRect.setHeight(newRect.height() + overshoot);
1305 if (!newRadii.topRight().height())
1306 newRect.move(0, -overshoot);
1307 }
1308 newRadii.setTopLeft(IntSize(0, 0));
1309 newRadii.setBottomLeft(IntSize(0, 0));
1310 maxRadii = std::max(newRadii.topRight().width(), newRadii.bottomRight().width());
1311 if (maxRadii > newRect.width()) {
1312 newRect.move(newRect.width() - maxRadii, 0);
1313 newRect.setWidth(maxRadii);
1314 }
1315 break;
1316 }
1317
1318 return RoundedRect(newRect, newRadii);
1319 }
1320
clipBorderSideForComplexInnerPath(GraphicsContext * graphicsContext,const RoundedRect & outerBorder,const RoundedRect & innerBorder,BoxSide side,const BorderEdge edges[])1321 void BoxPainter::clipBorderSideForComplexInnerPath(GraphicsContext* graphicsContext, const RoundedRect& outerBorder, const RoundedRect& innerBorder,
1322 BoxSide side, const BorderEdge edges[])
1323 {
1324 graphicsContext->clip(calculateSideRectIncludingInner(outerBorder, edges, side));
1325 RoundedRect adjustedInnerRect = calculateAdjustedInnerBorder(innerBorder, side);
1326 if (!adjustedInnerRect.isEmpty())
1327 graphicsContext->clipOutRoundedRect(adjustedInnerRect);
1328 }
1329
allCornersClippedOut(const RoundedRect & border,const LayoutRect & clipRect)1330 static bool allCornersClippedOut(const RoundedRect& border, const LayoutRect& clipRect)
1331 {
1332 LayoutRect boundingRect = border.rect();
1333 if (clipRect.contains(boundingRect))
1334 return false;
1335
1336 RoundedRect::Radii radii = border.radii();
1337
1338 LayoutRect topLeftRect(boundingRect.location(), radii.topLeft());
1339 if (clipRect.intersects(topLeftRect))
1340 return false;
1341
1342 LayoutRect topRightRect(boundingRect.location(), radii.topRight());
1343 topRightRect.setX(boundingRect.maxX() - topRightRect.width());
1344 if (clipRect.intersects(topRightRect))
1345 return false;
1346
1347 LayoutRect bottomLeftRect(boundingRect.location(), radii.bottomLeft());
1348 bottomLeftRect.setY(boundingRect.maxY() - bottomLeftRect.height());
1349 if (clipRect.intersects(bottomLeftRect))
1350 return false;
1351
1352 LayoutRect bottomRightRect(boundingRect.location(), radii.bottomRight());
1353 bottomRightRect.setX(boundingRect.maxX() - bottomRightRect.width());
1354 bottomRightRect.setY(boundingRect.maxY() - bottomRightRect.height());
1355 if (clipRect.intersects(bottomRightRect))
1356 return false;
1357
1358 return true;
1359 }
1360
paintBorder(RenderBoxModelObject & obj,const PaintInfo & info,const LayoutRect & rect,const RenderStyle * style,BackgroundBleedAvoidance bleedAvoidance,bool includeLogicalLeftEdge,bool includeLogicalRightEdge)1361 void BoxPainter::paintBorder(RenderBoxModelObject& obj, const PaintInfo& info, const LayoutRect& rect, const RenderStyle* style, BackgroundBleedAvoidance bleedAvoidance, bool includeLogicalLeftEdge, bool includeLogicalRightEdge)
1362 {
1363 GraphicsContext* graphicsContext = info.context;
1364 // border-image is not affected by border-radius.
1365 if (paintNinePieceImage(obj, graphicsContext, rect, style, style->borderImage()))
1366 return;
1367
1368 BorderEdge edges[4];
1369 style->getBorderEdgeInfo(edges, includeLogicalLeftEdge, includeLogicalRightEdge);
1370 RoundedRect outerBorder = style->getRoundedBorderFor(rect, includeLogicalLeftEdge, includeLogicalRightEdge);
1371 RoundedRect innerBorder = style->getRoundedInnerBorderFor(borderInnerRectAdjustedForBleedAvoidance(graphicsContext, rect, bleedAvoidance), includeLogicalLeftEdge, includeLogicalRightEdge);
1372
1373 if (outerBorder.rect().isEmpty())
1374 return;
1375
1376 bool haveAlphaColor = false;
1377 bool haveAllSolidEdges = true;
1378 bool haveAllDoubleEdges = true;
1379 int numEdgesVisible = 4;
1380 bool allEdgesShareColor = true;
1381 bool allEdgesShareWidth = true;
1382 int firstVisibleEdge = -1;
1383 BorderEdgeFlags edgesToDraw = 0;
1384
1385 for (int i = BSTop; i <= BSLeft; ++i) {
1386 const BorderEdge& currEdge = edges[i];
1387
1388 if (edges[i].shouldRender())
1389 edgesToDraw |= edgeFlagForSide(static_cast<BoxSide>(i));
1390
1391 if (currEdge.presentButInvisible()) {
1392 --numEdgesVisible;
1393 allEdgesShareColor = false;
1394 allEdgesShareWidth = false;
1395 continue;
1396 }
1397
1398 if (!currEdge.shouldRender()) {
1399 --numEdgesVisible;
1400 continue;
1401 }
1402
1403 if (firstVisibleEdge == -1) {
1404 firstVisibleEdge = i;
1405 } else {
1406 if (currEdge.color != edges[firstVisibleEdge].color)
1407 allEdgesShareColor = false;
1408 if (currEdge.width != edges[firstVisibleEdge].width)
1409 allEdgesShareWidth = false;
1410 }
1411
1412 if (currEdge.color.hasAlpha())
1413 haveAlphaColor = true;
1414
1415 if (currEdge.borderStyle() != SOLID)
1416 haveAllSolidEdges = false;
1417
1418 if (currEdge.borderStyle() != DOUBLE)
1419 haveAllDoubleEdges = false;
1420 }
1421
1422 // If no corner intersects the clip region, we can pretend outerBorder is
1423 // rectangular to improve performance.
1424 if (haveAllSolidEdges && outerBorder.isRounded() && allCornersClippedOut(outerBorder, info.rect))
1425 outerBorder.setRadii(RoundedRect::Radii());
1426
1427 // isRenderable() check avoids issue described in https://bugs.webkit.org/show_bug.cgi?id=38787
1428 if ((haveAllSolidEdges || haveAllDoubleEdges) && allEdgesShareColor && innerBorder.isRenderable()) {
1429 // Fast path for drawing all solid edges and all unrounded double edges
1430
1431 if (numEdgesVisible == 4 && (outerBorder.isRounded() || haveAlphaColor)
1432 && (haveAllSolidEdges || (!outerBorder.isRounded() && !innerBorder.isRounded()))) {
1433 Path path;
1434
1435 if (outerBorder.isRounded() && allEdgesShareWidth) {
1436
1437 // Very fast path for single stroked round rect with circular corners
1438
1439 graphicsContext->fillBetweenRoundedRects(outerBorder, innerBorder, edges[firstVisibleEdge].color);
1440 return;
1441 }
1442 if (outerBorder.isRounded() && bleedAvoidance != BackgroundBleedClipBackground)
1443 path.addRoundedRect(outerBorder);
1444 else
1445 path.addRect(outerBorder.rect());
1446
1447 if (haveAllDoubleEdges) {
1448 IntRect innerThirdRect = outerBorder.rect();
1449 IntRect outerThirdRect = outerBorder.rect();
1450 for (int side = BSTop; side <= BSLeft; ++side) {
1451 int outerWidth;
1452 int innerWidth;
1453 edges[side].getDoubleBorderStripeWidths(outerWidth, innerWidth);
1454
1455 if (side == BSTop) {
1456 innerThirdRect.shiftYEdgeTo(innerThirdRect.y() + innerWidth);
1457 outerThirdRect.shiftYEdgeTo(outerThirdRect.y() + outerWidth);
1458 } else if (side == BSBottom) {
1459 innerThirdRect.setHeight(innerThirdRect.height() - innerWidth);
1460 outerThirdRect.setHeight(outerThirdRect.height() - outerWidth);
1461 } else if (side == BSLeft) {
1462 innerThirdRect.shiftXEdgeTo(innerThirdRect.x() + innerWidth);
1463 outerThirdRect.shiftXEdgeTo(outerThirdRect.x() + outerWidth);
1464 } else {
1465 innerThirdRect.setWidth(innerThirdRect.width() - innerWidth);
1466 outerThirdRect.setWidth(outerThirdRect.width() - outerWidth);
1467 }
1468 }
1469
1470 RoundedRect outerThird = outerBorder;
1471 RoundedRect innerThird = innerBorder;
1472 innerThird.setRect(innerThirdRect);
1473 outerThird.setRect(outerThirdRect);
1474
1475 if (outerThird.isRounded() && bleedAvoidance != BackgroundBleedClipBackground)
1476 path.addRoundedRect(outerThird);
1477 else
1478 path.addRect(outerThird.rect());
1479
1480 if (innerThird.isRounded() && bleedAvoidance != BackgroundBleedClipBackground)
1481 path.addRoundedRect(innerThird);
1482 else
1483 path.addRect(innerThird.rect());
1484 }
1485
1486 if (innerBorder.isRounded())
1487 path.addRoundedRect(innerBorder);
1488 else
1489 path.addRect(innerBorder.rect());
1490
1491 graphicsContext->setFillRule(RULE_EVENODD);
1492 graphicsContext->setFillColor(edges[firstVisibleEdge].color);
1493 graphicsContext->fillPath(path);
1494 return;
1495 }
1496 // Avoid creating transparent layers
1497 if (haveAllSolidEdges && numEdgesVisible != 4 && !outerBorder.isRounded() && haveAlphaColor) {
1498 Path path;
1499
1500 for (int i = BSTop; i <= BSLeft; ++i) {
1501 const BorderEdge& currEdge = edges[i];
1502 if (currEdge.shouldRender()) {
1503 IntRect sideRect = calculateSideRect(outerBorder, edges, i);
1504 path.addRect(sideRect);
1505 }
1506 }
1507
1508 graphicsContext->setFillRule(RULE_NONZERO);
1509 graphicsContext->setFillColor(edges[firstVisibleEdge].color);
1510 graphicsContext->fillPath(path);
1511 return;
1512 }
1513 }
1514
1515 bool clipToOuterBorder = outerBorder.isRounded();
1516 GraphicsContextStateSaver stateSaver(*graphicsContext, clipToOuterBorder);
1517 if (clipToOuterBorder) {
1518 // Clip to the inner and outer radii rects.
1519 if (bleedAvoidance != BackgroundBleedClipBackground)
1520 graphicsContext->clipRoundedRect(outerBorder);
1521 // isRenderable() check avoids issue described in https://bugs.webkit.org/show_bug.cgi?id=38787
1522 // The inside will be clipped out later (in clipBorderSideForComplexInnerPath)
1523 if (innerBorder.isRenderable() && !innerBorder.isEmpty())
1524 graphicsContext->clipOutRoundedRect(innerBorder);
1525 }
1526
1527 // If only one edge visible antialiasing doesn't create seams
1528 bool antialias = shouldAntialiasLines(graphicsContext) || numEdgesVisible == 1;
1529 RoundedRect unadjustedInnerBorder = (bleedAvoidance == BackgroundBleedBackgroundOverBorder) ? style->getRoundedInnerBorderFor(rect, includeLogicalLeftEdge, includeLogicalRightEdge) : innerBorder;
1530 IntPoint innerBorderAdjustment(innerBorder.rect().x() - unadjustedInnerBorder.rect().x(), innerBorder.rect().y() - unadjustedInnerBorder.rect().y());
1531 if (haveAlphaColor)
1532 paintTranslucentBorderSides(obj, graphicsContext, style, outerBorder, unadjustedInnerBorder, innerBorderAdjustment, edges, edgesToDraw, bleedAvoidance, includeLogicalLeftEdge, includeLogicalRightEdge, antialias);
1533 else
1534 paintBorderSides(obj, graphicsContext, style, outerBorder, unadjustedInnerBorder, innerBorderAdjustment, edges, edgesToDraw, bleedAvoidance, includeLogicalLeftEdge, includeLogicalRightEdge, antialias);
1535 }
1536
includesAdjacentEdges(BorderEdgeFlags flags)1537 static inline bool includesAdjacentEdges(BorderEdgeFlags flags)
1538 {
1539 return (flags & (TopBorderEdge | RightBorderEdge)) == (TopBorderEdge | RightBorderEdge)
1540 || (flags & (RightBorderEdge | BottomBorderEdge)) == (RightBorderEdge | BottomBorderEdge)
1541 || (flags & (BottomBorderEdge | LeftBorderEdge)) == (BottomBorderEdge | LeftBorderEdge)
1542 || (flags & (LeftBorderEdge | TopBorderEdge)) == (LeftBorderEdge | TopBorderEdge);
1543 }
1544
paintTranslucentBorderSides(RenderObject & obj,GraphicsContext * graphicsContext,const RenderStyle * style,const RoundedRect & outerBorder,const RoundedRect & innerBorder,const IntPoint & innerBorderAdjustment,const BorderEdge edges[],BorderEdgeFlags edgesToDraw,BackgroundBleedAvoidance bleedAvoidance,bool includeLogicalLeftEdge,bool includeLogicalRightEdge,bool antialias)1545 void BoxPainter::paintTranslucentBorderSides(RenderObject& obj, GraphicsContext* graphicsContext, const RenderStyle* style, const RoundedRect& outerBorder, const RoundedRect& innerBorder, const IntPoint& innerBorderAdjustment,
1546 const BorderEdge edges[], BorderEdgeFlags edgesToDraw, BackgroundBleedAvoidance bleedAvoidance, bool includeLogicalLeftEdge, bool includeLogicalRightEdge, bool antialias)
1547 {
1548 // willBeOverdrawn assumes that we draw in order: top, bottom, left, right.
1549 // This is different from BoxSide enum order.
1550 static const BoxSide paintOrder[] = { BSTop, BSBottom, BSLeft, BSRight };
1551
1552 while (edgesToDraw) {
1553 // Find undrawn edges sharing a color.
1554 Color commonColor;
1555
1556 BorderEdgeFlags commonColorEdgeSet = 0;
1557 for (size_t i = 0; i < sizeof(paintOrder) / sizeof(paintOrder[0]); ++i) {
1558 BoxSide currSide = paintOrder[i];
1559 if (!includesEdge(edgesToDraw, currSide))
1560 continue;
1561
1562 bool includeEdge;
1563 if (!commonColorEdgeSet) {
1564 commonColor = edges[currSide].color;
1565 includeEdge = true;
1566 } else {
1567 includeEdge = edges[currSide].color == commonColor;
1568 }
1569
1570 if (includeEdge)
1571 commonColorEdgeSet |= edgeFlagForSide(currSide);
1572 }
1573
1574 bool useTransparencyLayer = includesAdjacentEdges(commonColorEdgeSet) && commonColor.hasAlpha();
1575 if (useTransparencyLayer) {
1576 graphicsContext->beginTransparencyLayer(static_cast<float>(commonColor.alpha()) / 255);
1577 commonColor = Color(commonColor.red(), commonColor.green(), commonColor.blue());
1578 }
1579
1580 paintBorderSides(obj, graphicsContext, style, outerBorder, innerBorder, innerBorderAdjustment, edges, commonColorEdgeSet, bleedAvoidance, includeLogicalLeftEdge, includeLogicalRightEdge, antialias, &commonColor);
1581
1582 if (useTransparencyLayer)
1583 graphicsContext->endLayer();
1584
1585 edgesToDraw &= ~commonColorEdgeSet;
1586 }
1587 }
1588
borderInnerRectAdjustedForBleedAvoidance(GraphicsContext * context,const LayoutRect & rect,BackgroundBleedAvoidance bleedAvoidance)1589 LayoutRect BoxPainter::borderInnerRectAdjustedForBleedAvoidance(GraphicsContext* context, const LayoutRect& rect, BackgroundBleedAvoidance bleedAvoidance)
1590 {
1591 // We shrink the rectangle by one pixel on each side to make it fully overlap the anti-aliased background border
1592 return (bleedAvoidance == BackgroundBleedBackgroundOverBorder) ? shrinkRectByOnePixel(context, rect) : rect;
1593 }
1594
paintOneBorderSide(RenderObject & obj,GraphicsContext * graphicsContext,const RenderStyle * style,const RoundedRect & outerBorder,const RoundedRect & innerBorder,const IntRect & sideRect,BoxSide side,BoxSide adjacentSide1,BoxSide adjacentSide2,const BorderEdge edges[],const Path * path,BackgroundBleedAvoidance bleedAvoidance,bool includeLogicalLeftEdge,bool includeLogicalRightEdge,bool antialias,const Color * overrideColor)1595 void BoxPainter::paintOneBorderSide(RenderObject& obj, GraphicsContext* graphicsContext, const RenderStyle* style, const RoundedRect& outerBorder, const RoundedRect& innerBorder,
1596 const IntRect& sideRect, BoxSide side, BoxSide adjacentSide1, BoxSide adjacentSide2, const BorderEdge edges[], const Path* path,
1597 BackgroundBleedAvoidance bleedAvoidance, bool includeLogicalLeftEdge, bool includeLogicalRightEdge, bool antialias, const Color* overrideColor)
1598 {
1599 const BorderEdge& edgeToRender = edges[side];
1600 ASSERT(edgeToRender.width);
1601 const BorderEdge& adjacentEdge1 = edges[adjacentSide1];
1602 const BorderEdge& adjacentEdge2 = edges[adjacentSide2];
1603
1604 bool mitreAdjacentSide1 = joinRequiresMitre(side, adjacentSide1, edges, !antialias);
1605 bool mitreAdjacentSide2 = joinRequiresMitre(side, adjacentSide2, edges, !antialias);
1606
1607 bool adjacentSide1StylesMatch = colorsMatchAtCorner(side, adjacentSide1, edges);
1608 bool adjacentSide2StylesMatch = colorsMatchAtCorner(side, adjacentSide2, edges);
1609
1610 const Color& colorToPaint = overrideColor ? *overrideColor : edgeToRender.color;
1611
1612 if (path) {
1613 GraphicsContextStateSaver stateSaver(*graphicsContext);
1614 if (innerBorder.isRenderable())
1615 clipBorderSidePolygon(graphicsContext, outerBorder, innerBorder, side, adjacentSide1StylesMatch, adjacentSide2StylesMatch);
1616 else
1617 clipBorderSideForComplexInnerPath(graphicsContext, outerBorder, innerBorder, side, edges);
1618 float thickness = std::max(std::max(edgeToRender.width, adjacentEdge1.width), adjacentEdge2.width);
1619 drawBoxSideFromPath(graphicsContext, outerBorder.rect(), *path, edges, edgeToRender.width, thickness, side, style,
1620 colorToPaint, edgeToRender.borderStyle(), bleedAvoidance, includeLogicalLeftEdge, includeLogicalRightEdge);
1621 } else {
1622 bool clipForStyle = styleRequiresClipPolygon(edgeToRender.borderStyle()) && (mitreAdjacentSide1 || mitreAdjacentSide2);
1623 bool clipAdjacentSide1 = colorNeedsAntiAliasAtCorner(side, adjacentSide1, edges) && mitreAdjacentSide1;
1624 bool clipAdjacentSide2 = colorNeedsAntiAliasAtCorner(side, adjacentSide2, edges) && mitreAdjacentSide2;
1625 bool shouldClip = clipForStyle || clipAdjacentSide1 || clipAdjacentSide2;
1626
1627 GraphicsContextStateSaver clipStateSaver(*graphicsContext, shouldClip);
1628 if (shouldClip) {
1629 bool aliasAdjacentSide1 = clipAdjacentSide1 || (clipForStyle && mitreAdjacentSide1);
1630 bool aliasAdjacentSide2 = clipAdjacentSide2 || (clipForStyle && mitreAdjacentSide2);
1631 clipBorderSidePolygon(graphicsContext, outerBorder, innerBorder, side, !aliasAdjacentSide1, !aliasAdjacentSide2);
1632 // Since we clipped, no need to draw with a mitre.
1633 mitreAdjacentSide1 = false;
1634 mitreAdjacentSide2 = false;
1635 }
1636
1637 ObjectPainter::drawLineForBoxSide(graphicsContext, sideRect.x(), sideRect.y(), sideRect.maxX(), sideRect.maxY(), side, colorToPaint, edgeToRender.borderStyle(),
1638 mitreAdjacentSide1 ? adjacentEdge1.width : 0, mitreAdjacentSide2 ? adjacentEdge2.width : 0, antialias);
1639 }
1640 }
1641
paintBorderSides(RenderObject & obj,GraphicsContext * graphicsContext,const RenderStyle * style,const RoundedRect & outerBorder,const RoundedRect & innerBorder,const IntPoint & innerBorderAdjustment,const BorderEdge edges[],BorderEdgeFlags edgeSet,BackgroundBleedAvoidance bleedAvoidance,bool includeLogicalLeftEdge,bool includeLogicalRightEdge,bool antialias,const Color * overrideColor)1642 void BoxPainter::paintBorderSides(RenderObject& obj, GraphicsContext* graphicsContext, const RenderStyle* style, const RoundedRect& outerBorder, const RoundedRect& innerBorder,
1643 const IntPoint& innerBorderAdjustment, const BorderEdge edges[], BorderEdgeFlags edgeSet, BackgroundBleedAvoidance bleedAvoidance,
1644 bool includeLogicalLeftEdge, bool includeLogicalRightEdge, bool antialias, const Color* overrideColor)
1645 {
1646 bool renderRadii = outerBorder.isRounded();
1647
1648 Path roundedPath;
1649 if (renderRadii)
1650 roundedPath.addRoundedRect(outerBorder);
1651
1652 // The inner border adjustment for bleed avoidance mode BackgroundBleedBackgroundOverBorder
1653 // is only applied to sideRect, which is okay since BackgroundBleedBackgroundOverBorder
1654 // is only to be used for solid borders and the shape of the border painted by drawBoxSideFromPath
1655 // only depends on sideRect when painting solid borders.
1656
1657 if (edges[BSTop].shouldRender() && includesEdge(edgeSet, BSTop)) {
1658 IntRect sideRect = outerBorder.rect();
1659 sideRect.setHeight(edges[BSTop].width + innerBorderAdjustment.y());
1660
1661 bool usePath = renderRadii && (borderStyleHasInnerDetail(edges[BSTop].borderStyle()) || borderWillArcInnerEdge(innerBorder.radii().topLeft(), innerBorder.radii().topRight()));
1662 paintOneBorderSide(obj, graphicsContext, style, outerBorder, innerBorder, sideRect, BSTop, BSLeft, BSRight, edges, usePath ? &roundedPath : 0, bleedAvoidance, includeLogicalLeftEdge, includeLogicalRightEdge, antialias, overrideColor);
1663 }
1664
1665 if (edges[BSBottom].shouldRender() && includesEdge(edgeSet, BSBottom)) {
1666 IntRect sideRect = outerBorder.rect();
1667 sideRect.shiftYEdgeTo(sideRect.maxY() - edges[BSBottom].width - innerBorderAdjustment.y());
1668
1669 bool usePath = renderRadii && (borderStyleHasInnerDetail(edges[BSBottom].borderStyle()) || borderWillArcInnerEdge(innerBorder.radii().bottomLeft(), innerBorder.radii().bottomRight()));
1670 paintOneBorderSide(obj, graphicsContext, style, outerBorder, innerBorder, sideRect, BSBottom, BSLeft, BSRight, edges, usePath ? &roundedPath : 0, bleedAvoidance, includeLogicalLeftEdge, includeLogicalRightEdge, antialias, overrideColor);
1671 }
1672
1673 if (edges[BSLeft].shouldRender() && includesEdge(edgeSet, BSLeft)) {
1674 IntRect sideRect = outerBorder.rect();
1675 sideRect.setWidth(edges[BSLeft].width + innerBorderAdjustment.x());
1676
1677 bool usePath = renderRadii && (borderStyleHasInnerDetail(edges[BSLeft].borderStyle()) || borderWillArcInnerEdge(innerBorder.radii().bottomLeft(), innerBorder.radii().topLeft()));
1678 paintOneBorderSide(obj, graphicsContext, style, outerBorder, innerBorder, sideRect, BSLeft, BSTop, BSBottom, edges, usePath ? &roundedPath : 0, bleedAvoidance, includeLogicalLeftEdge, includeLogicalRightEdge, antialias, overrideColor);
1679 }
1680
1681 if (edges[BSRight].shouldRender() && includesEdge(edgeSet, BSRight)) {
1682 IntRect sideRect = outerBorder.rect();
1683 sideRect.shiftXEdgeTo(sideRect.maxX() - edges[BSRight].width - innerBorderAdjustment.x());
1684
1685 bool usePath = renderRadii && (borderStyleHasInnerDetail(edges[BSRight].borderStyle()) || borderWillArcInnerEdge(innerBorder.radii().bottomRight(), innerBorder.radii().topRight()));
1686 paintOneBorderSide(obj, graphicsContext, style, outerBorder, innerBorder, sideRect, BSRight, BSTop, BSBottom, edges, usePath ? &roundedPath : 0, bleedAvoidance, includeLogicalLeftEdge, includeLogicalRightEdge, antialias, overrideColor);
1687 }
1688 }
1689
drawBoxSideFromPath(GraphicsContext * graphicsContext,const LayoutRect & borderRect,const Path & borderPath,const BorderEdge edges[],float thickness,float drawThickness,BoxSide side,const RenderStyle * style,Color color,EBorderStyle borderStyle,BackgroundBleedAvoidance bleedAvoidance,bool includeLogicalLeftEdge,bool includeLogicalRightEdge)1690 void BoxPainter::drawBoxSideFromPath(GraphicsContext* graphicsContext, const LayoutRect& borderRect, const Path& borderPath, const BorderEdge edges[],
1691 float thickness, float drawThickness, BoxSide side, const RenderStyle* style, Color color, EBorderStyle borderStyle, BackgroundBleedAvoidance bleedAvoidance,
1692 bool includeLogicalLeftEdge, bool includeLogicalRightEdge)
1693 {
1694 if (thickness <= 0)
1695 return;
1696
1697 if (borderStyle == DOUBLE && thickness < 3)
1698 borderStyle = SOLID;
1699
1700 switch (borderStyle) {
1701 case BNONE:
1702 case BHIDDEN:
1703 return;
1704 case DOTTED:
1705 case DASHED: {
1706 graphicsContext->setStrokeColor(color);
1707
1708 // The stroke is doubled here because the provided path is the
1709 // outside edge of the border so half the stroke is clipped off.
1710 // The extra multiplier is so that the clipping mask can antialias
1711 // the edges to prevent jaggies.
1712 graphicsContext->setStrokeThickness(drawThickness * 2 * 1.1f);
1713 graphicsContext->setStrokeStyle(borderStyle == DASHED ? DashedStroke : DottedStroke);
1714
1715 // If the number of dashes that fit in the path is odd and non-integral then we
1716 // will have an awkwardly-sized dash at the end of the path. To try to avoid that
1717 // here, we simply make the whitespace dashes ever so slightly bigger.
1718 // FIXME: This could be even better if we tried to manipulate the dash offset
1719 // and possibly the gapLength to get the corners dash-symmetrical.
1720 float dashLength = thickness * ((borderStyle == DASHED) ? 3.0f : 1.0f);
1721 float gapLength = dashLength;
1722 float numberOfDashes = borderPath.length() / dashLength;
1723 // Don't try to show dashes if we have less than 2 dashes + 2 gaps.
1724 // FIXME: should do this test per side.
1725 if (numberOfDashes >= 4) {
1726 bool evenNumberOfFullDashes = !((int)numberOfDashes % 2);
1727 bool integralNumberOfDashes = !(numberOfDashes - (int)numberOfDashes);
1728 if (!evenNumberOfFullDashes && !integralNumberOfDashes) {
1729 float numberOfGaps = numberOfDashes / 2;
1730 gapLength += (dashLength / numberOfGaps);
1731 }
1732
1733 DashArray lineDash;
1734 lineDash.append(dashLength);
1735 lineDash.append(gapLength);
1736 graphicsContext->setLineDash(lineDash, dashLength);
1737 }
1738
1739 // FIXME: stroking the border path causes issues with tight corners:
1740 // https://bugs.webkit.org/show_bug.cgi?id=58711
1741 // Also, to get the best appearance we should stroke a path between the two borders.
1742 graphicsContext->strokePath(borderPath);
1743 return;
1744 }
1745 case DOUBLE: {
1746 // Get the inner border rects for both the outer border line and the inner border line
1747 int outerBorderTopWidth;
1748 int innerBorderTopWidth;
1749 edges[BSTop].getDoubleBorderStripeWidths(outerBorderTopWidth, innerBorderTopWidth);
1750
1751 int outerBorderRightWidth;
1752 int innerBorderRightWidth;
1753 edges[BSRight].getDoubleBorderStripeWidths(outerBorderRightWidth, innerBorderRightWidth);
1754
1755 int outerBorderBottomWidth;
1756 int innerBorderBottomWidth;
1757 edges[BSBottom].getDoubleBorderStripeWidths(outerBorderBottomWidth, innerBorderBottomWidth);
1758
1759 int outerBorderLeftWidth;
1760 int innerBorderLeftWidth;
1761 edges[BSLeft].getDoubleBorderStripeWidths(outerBorderLeftWidth, innerBorderLeftWidth);
1762
1763 // Draw inner border line
1764 {
1765 GraphicsContextStateSaver stateSaver(*graphicsContext);
1766 RoundedRect innerClip = style->getRoundedInnerBorderFor(borderRect,
1767 innerBorderTopWidth, innerBorderBottomWidth, innerBorderLeftWidth, innerBorderRightWidth,
1768 includeLogicalLeftEdge, includeLogicalRightEdge);
1769
1770 graphicsContext->clipRoundedRect(innerClip);
1771 drawBoxSideFromPath(graphicsContext, borderRect, borderPath, edges, thickness, drawThickness, side, style, color, SOLID, bleedAvoidance, includeLogicalLeftEdge, includeLogicalRightEdge);
1772 }
1773
1774 // Draw outer border line
1775 {
1776 GraphicsContextStateSaver stateSaver(*graphicsContext);
1777 LayoutRect outerRect = borderRect;
1778 if (bleedAvoidance == BackgroundBleedClipBackground) {
1779 outerRect.inflate(1);
1780 ++outerBorderTopWidth;
1781 ++outerBorderBottomWidth;
1782 ++outerBorderLeftWidth;
1783 ++outerBorderRightWidth;
1784 }
1785
1786 RoundedRect outerClip = style->getRoundedInnerBorderFor(outerRect,
1787 outerBorderTopWidth, outerBorderBottomWidth, outerBorderLeftWidth, outerBorderRightWidth,
1788 includeLogicalLeftEdge, includeLogicalRightEdge);
1789 graphicsContext->clipOutRoundedRect(outerClip);
1790 drawBoxSideFromPath(graphicsContext, borderRect, borderPath, edges, thickness, drawThickness, side, style, color, SOLID, bleedAvoidance, includeLogicalLeftEdge, includeLogicalRightEdge);
1791 }
1792 return;
1793 }
1794 case RIDGE:
1795 case GROOVE:
1796 {
1797 EBorderStyle s1;
1798 EBorderStyle s2;
1799 if (borderStyle == GROOVE) {
1800 s1 = INSET;
1801 s2 = OUTSET;
1802 } else {
1803 s1 = OUTSET;
1804 s2 = INSET;
1805 }
1806
1807 // Paint full border
1808 drawBoxSideFromPath(graphicsContext, borderRect, borderPath, edges, thickness, drawThickness, side, style, color, s1, bleedAvoidance, includeLogicalLeftEdge, includeLogicalRightEdge);
1809
1810 // Paint inner only
1811 GraphicsContextStateSaver stateSaver(*graphicsContext);
1812 LayoutUnit topWidth = edges[BSTop].usedWidth() / 2;
1813 LayoutUnit bottomWidth = edges[BSBottom].usedWidth() / 2;
1814 LayoutUnit leftWidth = edges[BSLeft].usedWidth() / 2;
1815 LayoutUnit rightWidth = edges[BSRight].usedWidth() / 2;
1816
1817 RoundedRect clipRect = style->getRoundedInnerBorderFor(borderRect,
1818 topWidth, bottomWidth, leftWidth, rightWidth,
1819 includeLogicalLeftEdge, includeLogicalRightEdge);
1820
1821 graphicsContext->clipRoundedRect(clipRect);
1822 drawBoxSideFromPath(graphicsContext, borderRect, borderPath, edges, thickness, drawThickness, side, style, color, s2, bleedAvoidance, includeLogicalLeftEdge, includeLogicalRightEdge);
1823 return;
1824 }
1825 case INSET:
1826 if (side == BSTop || side == BSLeft)
1827 color = color.dark();
1828 break;
1829 case OUTSET:
1830 if (side == BSBottom || side == BSRight)
1831 color = color.dark();
1832 break;
1833 default:
1834 break;
1835 }
1836
1837 graphicsContext->setStrokeStyle(NoStroke);
1838 graphicsContext->setFillColor(color);
1839 graphicsContext->drawRect(pixelSnappedIntRect(borderRect));
1840 }
1841
paintBoxShadow(const PaintInfo & info,const LayoutRect & paintRect,const RenderStyle * s,ShadowStyle shadowStyle,bool includeLogicalLeftEdge,bool includeLogicalRightEdge)1842 void BoxPainter::paintBoxShadow(const PaintInfo& info, const LayoutRect& paintRect, const RenderStyle* s, ShadowStyle shadowStyle, bool includeLogicalLeftEdge, bool includeLogicalRightEdge)
1843 {
1844 // FIXME: Deal with border-image. Would be great to use border-image as a mask.
1845 GraphicsContext* context = info.context;
1846 if (!s->boxShadow())
1847 return;
1848
1849 RoundedRect border = (shadowStyle == Inset) ? s->getRoundedInnerBorderFor(paintRect, includeLogicalLeftEdge, includeLogicalRightEdge)
1850 : s->getRoundedBorderFor(paintRect, includeLogicalLeftEdge, includeLogicalRightEdge);
1851
1852 bool hasBorderRadius = s->hasBorderRadius();
1853 bool isHorizontal = s->isHorizontalWritingMode();
1854 bool hasOpaqueBackground = s->visitedDependentColor(CSSPropertyBackgroundColor).alpha() == 255;
1855
1856 GraphicsContextStateSaver stateSaver(*context, false);
1857
1858 const ShadowList* shadowList = s->boxShadow();
1859 for (size_t i = shadowList->shadows().size(); i--; ) {
1860 const ShadowData& shadow = shadowList->shadows()[i];
1861 if (shadow.style() != shadowStyle)
1862 continue;
1863
1864 FloatSize shadowOffset(shadow.x(), shadow.y());
1865 float shadowBlur = shadow.blur();
1866 float shadowSpread = shadow.spread();
1867
1868 if (shadowOffset.isZero() && !shadowBlur && !shadowSpread)
1869 continue;
1870
1871 const Color& shadowColor = shadow.color();
1872
1873 if (shadow.style() == Normal) {
1874 FloatRect fillRect = border.rect();
1875 fillRect.inflate(shadowSpread);
1876 if (fillRect.isEmpty())
1877 continue;
1878
1879 FloatRect shadowRect(border.rect());
1880 shadowRect.inflate(shadowBlur + shadowSpread);
1881 shadowRect.move(shadowOffset);
1882
1883 // Save the state and clip, if not already done.
1884 // The clip does not depend on any shadow-specific properties.
1885 if (!stateSaver.saved()) {
1886 stateSaver.save();
1887 if (hasBorderRadius) {
1888 RoundedRect rectToClipOut = border;
1889
1890 // If the box is opaque, it is unnecessary to clip it out. However, doing so saves time
1891 // when painting the shadow. On the other hand, it introduces subpixel gaps along the
1892 // corners. Those are avoided by insetting the clipping path by one pixel.
1893 if (hasOpaqueBackground)
1894 rectToClipOut.inflateWithRadii(-1);
1895
1896 if (!rectToClipOut.isEmpty()) {
1897 context->clipOutRoundedRect(rectToClipOut);
1898 }
1899 } else {
1900 // This IntRect is correct even with fractional shadows, because it is used for the rectangle
1901 // of the box itself, which is always pixel-aligned.
1902 IntRect rectToClipOut = border.rect();
1903
1904 // If the box is opaque, it is unnecessary to clip it out. However, doing so saves time
1905 // when painting the shadow. On the other hand, it introduces subpixel gaps along the
1906 // edges if they are not pixel-aligned. Those are avoided by insetting the clipping path
1907 // by one pixel.
1908 if (hasOpaqueBackground) {
1909 // FIXME: The function to decide on the policy based on the transform should be a named function.
1910 // FIXME: It's not clear if this check is right. What about integral scale factors?
1911 // FIXME: See crbug.com/382491. The use of getCTM may also be wrong because it does not include
1912 // device zoom applied at raster time.
1913 AffineTransform transform = context->getCTM();
1914 if (transform.a() != 1 || (transform.d() != 1 && transform.d() != -1) || transform.b() || transform.c())
1915 rectToClipOut.inflate(-1);
1916 }
1917
1918 if (!rectToClipOut.isEmpty()) {
1919 context->clipOut(rectToClipOut);
1920 }
1921 }
1922 }
1923
1924 // Draw only the shadow.
1925 OwnPtr<DrawLooperBuilder> drawLooperBuilder = DrawLooperBuilder::create();
1926 drawLooperBuilder->addShadow(shadowOffset, shadowBlur, shadowColor,
1927 DrawLooperBuilder::ShadowRespectsTransforms, DrawLooperBuilder::ShadowIgnoresAlpha);
1928 context->setDrawLooper(drawLooperBuilder.release());
1929
1930 if (hasBorderRadius) {
1931 RoundedRect influenceRect(pixelSnappedIntRect(LayoutRect(shadowRect)), border.radii());
1932 influenceRect.expandRadii(2 * shadowBlur + shadowSpread);
1933 if (allCornersClippedOut(influenceRect, info.rect)) {
1934 context->fillRect(fillRect, Color::black);
1935 } else {
1936 // TODO: support non-integer shadows - crbug.com/334829
1937 RoundedRect roundedFillRect = border;
1938 roundedFillRect.inflate(shadowSpread);
1939
1940 roundedFillRect.expandRadii(shadowSpread);
1941 if (!roundedFillRect.isRenderable())
1942 roundedFillRect.adjustRadii();
1943 context->fillRoundedRect(roundedFillRect, Color::black);
1944 }
1945 } else {
1946 context->fillRect(fillRect, Color::black);
1947 }
1948 } else {
1949 // The inset shadow case.
1950 GraphicsContext::Edges clippedEdges = GraphicsContext::NoEdge;
1951 if (!includeLogicalLeftEdge) {
1952 if (isHorizontal)
1953 clippedEdges |= GraphicsContext::LeftEdge;
1954 else
1955 clippedEdges |= GraphicsContext::TopEdge;
1956 }
1957 if (!includeLogicalRightEdge) {
1958 if (isHorizontal)
1959 clippedEdges |= GraphicsContext::RightEdge;
1960 else
1961 clippedEdges |= GraphicsContext::BottomEdge;
1962 }
1963 // TODO: support non-integer shadows - crbug.com/334828
1964 context->drawInnerShadow(border, shadowColor, flooredIntSize(shadowOffset), shadowBlur, shadowSpread, clippedEdges);
1965 }
1966 }
1967 }
1968
clipBorderSidePolygon(GraphicsContext * graphicsContext,const RoundedRect & outerBorder,const RoundedRect & innerBorder,BoxSide side,bool firstEdgeMatches,bool secondEdgeMatches)1969 void BoxPainter::clipBorderSidePolygon(GraphicsContext* graphicsContext, const RoundedRect& outerBorder, const RoundedRect& innerBorder, BoxSide side, bool firstEdgeMatches, bool secondEdgeMatches)
1970 {
1971 FloatPoint quad[4];
1972
1973 const LayoutRect& outerRect = outerBorder.rect();
1974 const LayoutRect& innerRect = innerBorder.rect();
1975
1976 FloatPoint centerPoint(innerRect.location().x().toFloat() + innerRect.width().toFloat() / 2, innerRect.location().y().toFloat() + innerRect.height().toFloat() / 2);
1977
1978 // For each side, create a quad that encompasses all parts of that side that may draw,
1979 // including areas inside the innerBorder.
1980 //
1981 // 0----------------3
1982 // 0 \ / 0
1983 // |\ 1----------- 2 /|
1984 // | 1 1 |
1985 // | | | |
1986 // | | | |
1987 // | 2 2 |
1988 // |/ 1------------2 \|
1989 // 3 / \ 3
1990 // 0----------------3
1991 //
1992 switch (side) {
1993 case BSTop:
1994 quad[0] = outerRect.minXMinYCorner();
1995 quad[1] = innerRect.minXMinYCorner();
1996 quad[2] = innerRect.maxXMinYCorner();
1997 quad[3] = outerRect.maxXMinYCorner();
1998
1999 if (!innerBorder.radii().topLeft().isZero()) {
2000 findIntersection(quad[0], quad[1],
2001 FloatPoint(
2002 quad[1].x() + innerBorder.radii().topLeft().width(),
2003 quad[1].y()),
2004 FloatPoint(
2005 quad[1].x(),
2006 quad[1].y() + innerBorder.radii().topLeft().height()),
2007 quad[1]);
2008 }
2009
2010 if (!innerBorder.radii().topRight().isZero()) {
2011 findIntersection(quad[3], quad[2],
2012 FloatPoint(
2013 quad[2].x() - innerBorder.radii().topRight().width(),
2014 quad[2].y()),
2015 FloatPoint(
2016 quad[2].x(),
2017 quad[2].y() + innerBorder.radii().topRight().height()),
2018 quad[2]);
2019 }
2020 break;
2021
2022 case BSLeft:
2023 quad[0] = outerRect.minXMinYCorner();
2024 quad[1] = innerRect.minXMinYCorner();
2025 quad[2] = innerRect.minXMaxYCorner();
2026 quad[3] = outerRect.minXMaxYCorner();
2027
2028 if (!innerBorder.radii().topLeft().isZero()) {
2029 findIntersection(quad[0], quad[1],
2030 FloatPoint(
2031 quad[1].x() + innerBorder.radii().topLeft().width(),
2032 quad[1].y()),
2033 FloatPoint(
2034 quad[1].x(),
2035 quad[1].y() + innerBorder.radii().topLeft().height()),
2036 quad[1]);
2037 }
2038
2039 if (!innerBorder.radii().bottomLeft().isZero()) {
2040 findIntersection(quad[3], quad[2],
2041 FloatPoint(
2042 quad[2].x() + innerBorder.radii().bottomLeft().width(),
2043 quad[2].y()),
2044 FloatPoint(
2045 quad[2].x(),
2046 quad[2].y() - innerBorder.radii().bottomLeft().height()),
2047 quad[2]);
2048 }
2049 break;
2050
2051 case BSBottom:
2052 quad[0] = outerRect.minXMaxYCorner();
2053 quad[1] = innerRect.minXMaxYCorner();
2054 quad[2] = innerRect.maxXMaxYCorner();
2055 quad[3] = outerRect.maxXMaxYCorner();
2056
2057 if (!innerBorder.radii().bottomLeft().isZero()) {
2058 findIntersection(quad[0], quad[1],
2059 FloatPoint(
2060 quad[1].x() + innerBorder.radii().bottomLeft().width(),
2061 quad[1].y()),
2062 FloatPoint(
2063 quad[1].x(),
2064 quad[1].y() - innerBorder.radii().bottomLeft().height()),
2065 quad[1]);
2066 }
2067
2068 if (!innerBorder.radii().bottomRight().isZero()) {
2069 findIntersection(quad[3], quad[2],
2070 FloatPoint(
2071 quad[2].x() - innerBorder.radii().bottomRight().width(),
2072 quad[2].y()),
2073 FloatPoint(
2074 quad[2].x(),
2075 quad[2].y() - innerBorder.radii().bottomRight().height()),
2076 quad[2]);
2077 }
2078 break;
2079
2080 case BSRight:
2081 quad[0] = outerRect.maxXMinYCorner();
2082 quad[1] = innerRect.maxXMinYCorner();
2083 quad[2] = innerRect.maxXMaxYCorner();
2084 quad[3] = outerRect.maxXMaxYCorner();
2085
2086 if (!innerBorder.radii().topRight().isZero()) {
2087 findIntersection(quad[0], quad[1],
2088 FloatPoint(
2089 quad[1].x() - innerBorder.radii().topRight().width(),
2090 quad[1].y()),
2091 FloatPoint(
2092 quad[1].x(),
2093 quad[1].y() + innerBorder.radii().topRight().height()),
2094 quad[1]);
2095 }
2096
2097 if (!innerBorder.radii().bottomRight().isZero()) {
2098 findIntersection(quad[3], quad[2],
2099 FloatPoint(
2100 quad[2].x() - innerBorder.radii().bottomRight().width(),
2101 quad[2].y()),
2102 FloatPoint(
2103 quad[2].x(),
2104 quad[2].y() - innerBorder.radii().bottomRight().height()),
2105 quad[2]);
2106 }
2107 break;
2108 }
2109
2110 // If the border matches both of its adjacent sides, don't anti-alias the clip, and
2111 // if neither side matches, anti-alias the clip.
2112 if (firstEdgeMatches == secondEdgeMatches) {
2113 graphicsContext->clipConvexPolygon(4, quad, !firstEdgeMatches);
2114 return;
2115 }
2116
2117 // If antialiasing settings for the first edge and second edge is different,
2118 // they have to be addressed separately. We do this by breaking the quad into
2119 // two parallelograms, made by moving quad[1] and quad[2].
2120 float ax = quad[1].x() - quad[0].x();
2121 float ay = quad[1].y() - quad[0].y();
2122 float bx = quad[2].x() - quad[1].x();
2123 float by = quad[2].y() - quad[1].y();
2124 float cx = quad[3].x() - quad[2].x();
2125 float cy = quad[3].y() - quad[2].y();
2126
2127 const static float kEpsilon = 1e-2f;
2128 float r1, r2;
2129 if (fabsf(bx) < kEpsilon && fabsf(by) < kEpsilon) {
2130 // The quad was actually a triangle.
2131 r1 = r2 = 1.0f;
2132 } else {
2133 // Extend parallelogram a bit to hide calculation error
2134 const static float kExtendFill = 1e-2f;
2135
2136 r1 = (-ax * by + ay * bx) / (cx * by - cy * bx) + kExtendFill;
2137 r2 = (-cx * by + cy * bx) / (ax * by - ay * bx) + kExtendFill;
2138 }
2139
2140 FloatPoint firstQuad[4];
2141 firstQuad[0] = quad[0];
2142 firstQuad[1] = quad[1];
2143 firstQuad[2] = FloatPoint(quad[3].x() + r2 * ax, quad[3].y() + r2 * ay);
2144 firstQuad[3] = quad[3];
2145 graphicsContext->clipConvexPolygon(4, firstQuad, !firstEdgeMatches);
2146
2147 FloatPoint secondQuad[4];
2148 secondQuad[0] = quad[0];
2149 secondQuad[1] = FloatPoint(quad[0].x() - r1 * cx, quad[0].y() - r1 * cy);
2150 secondQuad[2] = quad[2];
2151 secondQuad[3] = quad[3];
2152 graphicsContext->clipConvexPolygon(4, secondQuad, !secondEdgeMatches);
2153 }
2154
2155 } // namespace blink
2156