/* * Copyright (C) 1999 Lars Knoll (knoll@kde.org) * (C) 1999 Antti Koivisto (koivisto@kde.org) * (C) 2005 Allan Sandfeld Jensen (kde@carewolf.com) * (C) 2005, 2006 Samuel Weinig (sam.weinig@gmail.com) * Copyright (C) 2005, 2006, 2007, 2008, 2009, 2013 Apple Inc. All rights reserved. * Copyright (C) 2010 Google Inc. All rights reserved. * * This library is free software; you can redistribute it and/or * modify it under the terms of the GNU Library General Public * License as published by the Free Software Foundation; either * version 2 of the License, or (at your option) any later version. * * This library is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU * Library General Public License for more details. * * You should have received a copy of the GNU Library General Public License * along with this library; see the file COPYING.LIB. If not, write to * the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor, * Boston, MA 02110-1301, USA. * */ #include "config.h" #include "RenderBoxModelObject.h" #include "BorderEdge.h" #include "FloatRoundedRect.h" #include "Frame.h" #include "FrameView.h" #include "GeometryUtilities.h" #include "GraphicsContext.h" #include "HTMLFrameOwnerElement.h" #include "HTMLNames.h" #include "ImageBuffer.h" #include "ImageQualityController.h" #include "Page.h" #include "Path.h" #include "RenderBlock.h" #include "RenderInline.h" #include "RenderLayer.h" #include "RenderLayerBacking.h" #include "RenderLayerCompositor.h" #include "RenderMultiColumnFlowThread.h" #include "RenderNamedFlowFragment.h" #include "RenderNamedFlowThread.h" #include "RenderRegion.h" #include "RenderTable.h" #include "RenderTableRow.h" #include "RenderText.h" #include "RenderTextFragment.h" #include "RenderView.h" #include "ScrollingConstraints.h" #include "Settings.h" #include "TransformState.h" #include namespace WebCore { using namespace HTMLNames; // The HashMap for storing continuation pointers. // An inline can be split with blocks occuring in between the inline content. // When this occurs we need a pointer to the next object. We can basically be // split into a sequence of inlines and blocks. The continuation will either be // an anonymous block (that houses other blocks) or it will be an inline flow. //

Hello

. In this example the will have a block as // its continuation but the will just have an inline as its continuation. typedef HashMap ContinuationMap; static ContinuationMap& continuationMap() { static NeverDestroyed map; return map; } // This HashMap is similar to the continuation map, but connects first-letter // renderers to their remaining text fragments. typedef HashMap FirstLetterRemainingTextMap; static FirstLetterRemainingTextMap* firstLetterRemainingTextMap = nullptr; void RenderBoxModelObject::setSelectionState(SelectionState state) { if (state == SelectionInside && selectionState() != SelectionNone) return; if ((state == SelectionStart && selectionState() == SelectionEnd) || (state == SelectionEnd && selectionState() == SelectionStart)) RenderLayerModelObject::setSelectionState(SelectionBoth); else RenderLayerModelObject::setSelectionState(state); // FIXME: We should consider whether it is OK propagating to ancestor RenderInlines. // This is a workaround for http://webkit.org/b/32123 // The containing block can be null in case of an orphaned tree. RenderBlock* containingBlock = this->containingBlock(); if (containingBlock && !containingBlock->isRenderView()) containingBlock->setSelectionState(state); } void RenderBoxModelObject::contentChanged(ContentChangeType changeType) { if (!hasLayer()) return; layer()->contentChanged(changeType); } bool RenderBoxModelObject::hasAcceleratedCompositing() const { return view().compositor().hasAcceleratedCompositing(); } bool RenderBoxModelObject::startTransition(double timeOffset, CSSPropertyID propertyId, const RenderStyle* fromStyle, const RenderStyle* toStyle) { ASSERT(hasLayer()); ASSERT(isComposited()); return layer()->backing()->startTransition(timeOffset, propertyId, fromStyle, toStyle); } void RenderBoxModelObject::transitionPaused(double timeOffset, CSSPropertyID propertyId) { ASSERT(hasLayer()); ASSERT(isComposited()); layer()->backing()->transitionPaused(timeOffset, propertyId); } void RenderBoxModelObject::transitionFinished(CSSPropertyID propertyId) { ASSERT(hasLayer()); ASSERT(isComposited()); layer()->backing()->transitionFinished(propertyId); } bool RenderBoxModelObject::startAnimation(double timeOffset, const Animation* animation, const KeyframeList& keyframes) { ASSERT(hasLayer()); ASSERT(isComposited()); return layer()->backing()->startAnimation(timeOffset, animation, keyframes); } void RenderBoxModelObject::animationPaused(double timeOffset, const String& name) { ASSERT(hasLayer()); ASSERT(isComposited()); layer()->backing()->animationPaused(timeOffset, name); } void RenderBoxModelObject::animationFinished(const String& name) { ASSERT(hasLayer()); ASSERT(isComposited()); layer()->backing()->animationFinished(name); } void RenderBoxModelObject::suspendAnimations(double time) { ASSERT(hasLayer()); ASSERT(isComposited()); layer()->backing()->suspendAnimations(time); } RenderBoxModelObject::RenderBoxModelObject(Element& element, Ref&& style, BaseTypeFlags baseTypeFlags) : RenderLayerModelObject(element, WTFMove(style), baseTypeFlags | RenderBoxModelObjectFlag) { } RenderBoxModelObject::RenderBoxModelObject(Document& document, Ref&& style, BaseTypeFlags baseTypeFlags) : RenderLayerModelObject(document, WTFMove(style), baseTypeFlags | RenderBoxModelObjectFlag) { } RenderBoxModelObject::~RenderBoxModelObject() { } void RenderBoxModelObject::willBeDestroyed() { if (hasContinuation()) { continuation()->destroy(); setContinuation(nullptr); } // If this is a first-letter object with a remaining text fragment then the // entry needs to be cleared from the map. if (firstLetterRemainingText()) setFirstLetterRemainingText(nullptr); if (!documentBeingDestroyed()) view().imageQualityController().rendererWillBeDestroyed(*this); RenderLayerModelObject::willBeDestroyed(); } bool RenderBoxModelObject::hasBoxDecorationStyle() const { return hasBackground() || style().hasBorderDecoration() || style().hasAppearance() || style().boxShadow(); } void RenderBoxModelObject::updateFromStyle() { RenderLayerModelObject::updateFromStyle(); // Set the appropriate bits for a box model object. Since all bits are cleared in styleWillChange, // we only check for bits that could possibly be set to true. const RenderStyle& styleToUse = style(); setHasBoxDecorations(hasBoxDecorationStyle()); setInline(styleToUse.isDisplayInlineType()); setPositionState(styleToUse.position()); setHorizontalWritingMode(styleToUse.isHorizontalWritingMode()); if (styleToUse.isFlippedBlocksWritingMode()) view().frameView().setHasFlippedBlockRenderers(true); } static LayoutSize accumulateInFlowPositionOffsets(const RenderObject* child) { if (!child->isAnonymousBlock() || !child->isInFlowPositioned()) return LayoutSize(); LayoutSize offset; for (RenderElement* parent = downcast(*child).inlineElementContinuation(); is(parent); parent = parent->parent()) { if (parent->isInFlowPositioned()) offset += downcast(*parent).offsetForInFlowPosition(); } return offset; } bool RenderBoxModelObject::hasAutoHeightOrContainingBlockWithAutoHeight() const { Length logicalHeightLength = style().logicalHeight(); if (logicalHeightLength.isAuto()) return true; // For percentage heights: The percentage is calculated with respect to the height of the generated box's // containing block. If the height of the containing block is not specified explicitly (i.e., it depends // on content height), and this element is not absolutely positioned, the value computes to 'auto'. if (!logicalHeightLength.isPercentOrCalculated() || isOutOfFlowPositioned() || document().inQuirksMode()) return false; // Anonymous block boxes are ignored when resolving percentage values that would refer to it: // the closest non-anonymous ancestor box is used instead. RenderBlock* cb = containingBlock(); while (cb && !is(*cb) && cb->isAnonymous()) cb = cb->containingBlock(); // Matching RenderBox::percentageLogicalHeightIsResolvableFromBlock() by // ignoring table cell's attribute value, where it says that table cells violate // what the CSS spec says to do with heights. Basically we // don't care if the cell specified a height or not. if (cb->isTableCell()) return false; // Match RenderBox::availableLogicalHeightUsing by special casing // the render view. The available height is taken from the frame. if (cb->isRenderView()) return false; if (cb->isOutOfFlowPositioned() && !cb->style().logicalTop().isAuto() && !cb->style().logicalBottom().isAuto()) return false; // If the height of the containing block computes to 'auto', then it hasn't been 'specified explictly'. return cb->hasAutoHeightOrContainingBlockWithAutoHeight(); } LayoutSize RenderBoxModelObject::relativePositionOffset() const { // This function has been optimized to avoid calls to containingBlock() in the common case // where all values are either auto or fixed. LayoutSize offset = accumulateInFlowPositionOffsets(this); // Objects that shrink to avoid floats normally use available line width when computing containing block width. However // in the case of relative positioning using percentages, we can't do this. The offset should always be resolved using the // available width of the containing block. Therefore we don't use containingBlockLogicalWidthForContent() here, but instead explicitly // call availableWidth on our containing block. if (!style().left().isAuto()) { if (!style().right().isAuto() && !containingBlock()->style().isLeftToRightDirection()) offset.setWidth(-valueForLength(style().right(), !style().right().isFixed() ? containingBlock()->availableWidth() : LayoutUnit())); else offset.expand(valueForLength(style().left(), !style().left().isFixed() ? containingBlock()->availableWidth() : LayoutUnit()), 0); } else if (!style().right().isAuto()) { offset.expand(-valueForLength(style().right(), !style().right().isFixed() ? containingBlock()->availableWidth() : LayoutUnit()), 0); } // If the containing block of a relatively positioned element does not // specify a height, a percentage top or bottom offset should be resolved as // auto. An exception to this is if the containing block has the WinIE quirk // where and assume the size of the viewport. In this case, // calculate the percent offset based on this height. // See . if (!style().top().isAuto() && (!style().top().isPercentOrCalculated() || !containingBlock()->hasAutoHeightOrContainingBlockWithAutoHeight() || containingBlock()->stretchesToViewport())) offset.expand(0, valueForLength(style().top(), !style().top().isFixed() ? containingBlock()->availableHeight() : LayoutUnit())); else if (!style().bottom().isAuto() && (!style().bottom().isPercentOrCalculated() || !containingBlock()->hasAutoHeightOrContainingBlockWithAutoHeight() || containingBlock()->stretchesToViewport())) offset.expand(0, -valueForLength(style().bottom(), !style().bottom().isFixed() ? containingBlock()->availableHeight() : LayoutUnit())); return offset; } LayoutPoint RenderBoxModelObject::adjustedPositionRelativeToOffsetParent(const LayoutPoint& startPoint) const { // If the element is the HTML body element or doesn't have a parent // return 0 and stop this algorithm. if (isBody() || !parent()) return LayoutPoint(); LayoutPoint referencePoint = startPoint; // If the offsetParent of the element is null, or is the HTML body element, // return the distance between the canvas origin and the left border edge // of the element and stop this algorithm. if (const RenderBoxModelObject* offsetParent = this->offsetParent()) { if (is(*offsetParent) && !offsetParent->isBody() && !is(*offsetParent)) referencePoint.move(-downcast(*offsetParent).borderLeft(), -downcast(*offsetParent).borderTop()); if (!isOutOfFlowPositioned() || flowThreadContainingBlock()) { if (isRelPositioned()) referencePoint.move(relativePositionOffset()); else if (isStickyPositioned()) referencePoint.move(stickyPositionOffset()); // CSS regions specification says that region flows should return the body element as their offsetParent. // Since we will bypass the body’s renderer anyway, just end the loop if we encounter a region flow (named flow thread). // See http://dev.w3.org/csswg/css-regions/#cssomview-offset-attributes auto* ancestor = parent(); while (ancestor != offsetParent && !is(*ancestor)) { // FIXME: What are we supposed to do inside SVG content? if (is(*ancestor)) { // We need to apply a translation based off what region we are inside. RenderRegion* region = downcast(*ancestor).physicalTranslationFromFlowToRegion(referencePoint); if (region) referencePoint.moveBy(region->topLeftLocation()); } else if (!isOutOfFlowPositioned()) { if (is(*ancestor) && !is(*ancestor)) referencePoint.moveBy(downcast(*ancestor).topLeftLocation()); } ancestor = ancestor->parent(); } // Compute the offset position for elements inside named flow threads for which the offsetParent was the body. // See https://bugs.webkit.org/show_bug.cgi?id=115899 if (is(*ancestor)) referencePoint = downcast(*ancestor).adjustedPositionRelativeToOffsetParent(*this, referencePoint); else if (is(*offsetParent) && offsetParent->isBody() && !offsetParent->isPositioned()) referencePoint.moveBy(downcast(*offsetParent).topLeftLocation()); } } return referencePoint; } void RenderBoxModelObject::computeStickyPositionConstraints(StickyPositionViewportConstraints& constraints, const FloatRect& constrainingRect) const { constraints.setConstrainingRectAtLastLayout(constrainingRect); RenderBlock* containingBlock = this->containingBlock(); RenderLayer* enclosingClippingLayer = layer()->enclosingOverflowClipLayer(ExcludeSelf); RenderBox& enclosingClippingBox = enclosingClippingLayer ? downcast(enclosingClippingLayer->renderer()) : view(); LayoutRect containerContentRect; if (!enclosingClippingLayer || (containingBlock != &enclosingClippingBox)) containerContentRect = containingBlock->contentBoxRect(); else { containerContentRect = containingBlock->layoutOverflowRect(); LayoutPoint containerLocation = containerContentRect.location() + LayoutPoint(containingBlock->borderLeft() + containingBlock->paddingLeft(), containingBlock->borderTop() + containingBlock->paddingTop()); containerContentRect.setLocation(containerLocation); } LayoutUnit maxWidth = containingBlock->availableLogicalWidth(); // Sticky positioned element ignore any override logical width on the containing block (as they don't call // containingBlockLogicalWidthForContent). It's unclear whether this is totally fine. LayoutBoxExtent minMargin(minimumValueForLength(style().marginTop(), maxWidth), minimumValueForLength(style().marginRight(), maxWidth), minimumValueForLength(style().marginBottom(), maxWidth), minimumValueForLength(style().marginLeft(), maxWidth)); // Compute the container-relative area within which the sticky element is allowed to move. containerContentRect.contract(minMargin); // Finally compute container rect relative to the scrolling ancestor. FloatRect containerRectRelativeToScrollingAncestor = containingBlock->localToContainerQuad(FloatRect(containerContentRect), &enclosingClippingBox).boundingBox(); if (enclosingClippingLayer) { FloatPoint containerLocationRelativeToScrollingAncestor = containerRectRelativeToScrollingAncestor.location() - FloatSize(enclosingClippingBox.borderLeft() + enclosingClippingBox.paddingLeft(), enclosingClippingBox.borderTop() + enclosingClippingBox.paddingTop()); if (&enclosingClippingBox != containingBlock) containerLocationRelativeToScrollingAncestor += enclosingClippingLayer->scrollOffset(); containerRectRelativeToScrollingAncestor.setLocation(containerLocationRelativeToScrollingAncestor); } constraints.setContainingBlockRect(containerRectRelativeToScrollingAncestor); // Now compute the sticky box rect, also relative to the scrolling ancestor. LayoutRect stickyBoxRect = frameRectForStickyPositioning(); LayoutRect flippedStickyBoxRect = stickyBoxRect; containingBlock->flipForWritingMode(flippedStickyBoxRect); FloatRect stickyBoxRelativeToScrollingAnecstor = flippedStickyBoxRect; // FIXME: sucks to call localToContainerQuad again, but we can't just offset from the previously computed rect if there are transforms. // Map to the view to avoid including page scale factor. FloatPoint stickyLocationRelativeToScrollingAncestor = flippedStickyBoxRect.location() + containingBlock->localToContainerQuad(FloatRect(FloatPoint(), containingBlock->size()), &enclosingClippingBox).boundingBox().location(); if (enclosingClippingLayer) { stickyLocationRelativeToScrollingAncestor -= FloatSize(enclosingClippingBox.borderLeft() + enclosingClippingBox.paddingLeft(), enclosingClippingBox.borderTop() + enclosingClippingBox.paddingTop()); if (&enclosingClippingBox != containingBlock) stickyLocationRelativeToScrollingAncestor += enclosingClippingLayer->scrollOffset(); } // FIXME: For now, assume that |this| is not transformed. stickyBoxRelativeToScrollingAnecstor.setLocation(stickyLocationRelativeToScrollingAncestor); constraints.setStickyBoxRect(stickyBoxRelativeToScrollingAnecstor); if (!style().left().isAuto()) { constraints.setLeftOffset(valueForLength(style().left(), constrainingRect.width())); constraints.addAnchorEdge(ViewportConstraints::AnchorEdgeLeft); } if (!style().right().isAuto()) { constraints.setRightOffset(valueForLength(style().right(), constrainingRect.width())); constraints.addAnchorEdge(ViewportConstraints::AnchorEdgeRight); } if (!style().top().isAuto()) { constraints.setTopOffset(valueForLength(style().top(), constrainingRect.height())); constraints.addAnchorEdge(ViewportConstraints::AnchorEdgeTop); } if (!style().bottom().isAuto()) { constraints.setBottomOffset(valueForLength(style().bottom(), constrainingRect.height())); constraints.addAnchorEdge(ViewportConstraints::AnchorEdgeBottom); } } FloatRect RenderBoxModelObject::constrainingRectForStickyPosition() const { RenderLayer* enclosingClippingLayer = layer()->enclosingOverflowClipLayer(ExcludeSelf); if (enclosingClippingLayer) { RenderBox& enclosingClippingBox = downcast(enclosingClippingLayer->renderer()); LayoutRect clipRect = enclosingClippingBox.overflowClipRect(LayoutPoint(), 0); // FIXME: make this work in regions. clipRect.contract(LayoutSize(enclosingClippingBox.paddingLeft() + enclosingClippingBox.paddingRight(), enclosingClippingBox.paddingTop() + enclosingClippingBox.paddingBottom())); FloatRect constrainingRect = enclosingClippingBox.localToContainerQuad(FloatRect(clipRect), &view()).boundingBox(); FloatPoint scrollOffset = FloatPoint() + enclosingClippingLayer->scrollOffset(); constrainingRect.setLocation(scrollOffset); return constrainingRect; } return view().frameView().viewportConstrainedVisibleContentRect(); } LayoutSize RenderBoxModelObject::stickyPositionOffset() const { ASSERT(hasLayer()); FloatRect constrainingRect = constrainingRectForStickyPosition(); StickyPositionViewportConstraints constraints; computeStickyPositionConstraints(constraints, constrainingRect); // The sticky offset is physical, so we can just return the delta computed in absolute coords (though it may be wrong with transforms). return LayoutSize(constraints.computeStickyOffset(constrainingRect)); } LayoutSize RenderBoxModelObject::offsetForInFlowPosition() const { if (isRelPositioned()) return relativePositionOffset(); if (isStickyPositioned()) return stickyPositionOffset(); return LayoutSize(); } LayoutUnit RenderBoxModelObject::offsetLeft() const { // Note that RenderInline and RenderBox override this to pass a different // startPoint to adjustedPositionRelativeToOffsetParent. return adjustedPositionRelativeToOffsetParent(LayoutPoint()).x(); } LayoutUnit RenderBoxModelObject::offsetTop() const { // Note that RenderInline and RenderBox override this to pass a different // startPoint to adjustedPositionRelativeToOffsetParent. return adjustedPositionRelativeToOffsetParent(LayoutPoint()).y(); } LayoutUnit RenderBoxModelObject::computedCSSPadding(const Length& padding) const { LayoutUnit w = 0; if (padding.isPercentOrCalculated()) w = containingBlockLogicalWidthForContent(); return minimumValueForLength(padding, w); } RoundedRect RenderBoxModelObject::getBackgroundRoundedRect(const LayoutRect& borderRect, InlineFlowBox* box, LayoutUnit inlineBoxWidth, LayoutUnit inlineBoxHeight, bool includeLogicalLeftEdge, bool includeLogicalRightEdge) const { RoundedRect border = style().getRoundedBorderFor(borderRect, includeLogicalLeftEdge, includeLogicalRightEdge); if (box && (box->nextLineBox() || box->prevLineBox())) { RoundedRect segmentBorder = style().getRoundedBorderFor(LayoutRect(0, 0, inlineBoxWidth, inlineBoxHeight), includeLogicalLeftEdge, includeLogicalRightEdge); border.setRadii(segmentBorder.radii()); } return border; } void RenderBoxModelObject::clipRoundedInnerRect(GraphicsContext& context, const FloatRect& rect, const FloatRoundedRect& clipRect) { if (clipRect.isRenderable()) context.clipRoundedRect(clipRect); else { // We create a rounded rect for each of the corners and clip it, while making sure we clip opposing corners together. if (!clipRect.radii().topLeft().isEmpty() || !clipRect.radii().bottomRight().isEmpty()) { FloatRect topCorner(clipRect.rect().x(), clipRect.rect().y(), rect.maxX() - clipRect.rect().x(), rect.maxY() - clipRect.rect().y()); FloatRoundedRect::Radii topCornerRadii; topCornerRadii.setTopLeft(clipRect.radii().topLeft()); context.clipRoundedRect(FloatRoundedRect(topCorner, topCornerRadii)); FloatRect bottomCorner(rect.x(), rect.y(), clipRect.rect().maxX() - rect.x(), clipRect.rect().maxY() - rect.y()); FloatRoundedRect::Radii bottomCornerRadii; bottomCornerRadii.setBottomRight(clipRect.radii().bottomRight()); context.clipRoundedRect(FloatRoundedRect(bottomCorner, bottomCornerRadii)); } if (!clipRect.radii().topRight().isEmpty() || !clipRect.radii().bottomLeft().isEmpty()) { FloatRect topCorner(rect.x(), clipRect.rect().y(), clipRect.rect().maxX() - rect.x(), rect.maxY() - clipRect.rect().y()); FloatRoundedRect::Radii topCornerRadii; topCornerRadii.setTopRight(clipRect.radii().topRight()); context.clipRoundedRect(FloatRoundedRect(topCorner, topCornerRadii)); FloatRect bottomCorner(clipRect.rect().x(), rect.y(), rect.maxX() - clipRect.rect().x(), clipRect.rect().maxY() - rect.y()); FloatRoundedRect::Radii bottomCornerRadii; bottomCornerRadii.setBottomLeft(clipRect.radii().bottomLeft()); context.clipRoundedRect(FloatRoundedRect(bottomCorner, bottomCornerRadii)); } } } static LayoutRect shrinkRectByOneDevicePixel(const GraphicsContext& context, const LayoutRect& rect, float devicePixelRatio) { LayoutRect shrunkRect = rect; AffineTransform transform = context.getCTM(); shrunkRect.inflateX(-ceilToDevicePixel(LayoutUnit::fromPixel(1) / transform.xScale(), devicePixelRatio)); shrunkRect.inflateY(-ceilToDevicePixel(LayoutUnit::fromPixel(1) / transform.yScale(), devicePixelRatio)); return shrunkRect; } LayoutRect RenderBoxModelObject::borderInnerRectAdjustedForBleedAvoidance(const GraphicsContext& context, const LayoutRect& rect, BackgroundBleedAvoidance bleedAvoidance) const { if (bleedAvoidance != BackgroundBleedBackgroundOverBorder) return rect; // We shrink the rectangle by one device pixel on each side to make it fully overlap the anti-aliased background border return shrinkRectByOneDevicePixel(context, rect, document().deviceScaleFactor()); } RoundedRect RenderBoxModelObject::backgroundRoundedRectAdjustedForBleedAvoidance(const GraphicsContext& context, const LayoutRect& borderRect, BackgroundBleedAvoidance bleedAvoidance, InlineFlowBox* box, const LayoutSize& boxSize, bool includeLogicalLeftEdge, bool includeLogicalRightEdge) const { if (bleedAvoidance == BackgroundBleedShrinkBackground) { // We shrink the rectangle by one device pixel on each side because the bleed is one pixel maximum. return getBackgroundRoundedRect(shrinkRectByOneDevicePixel(context, borderRect, document().deviceScaleFactor()), box, boxSize.width(), boxSize.height(), includeLogicalLeftEdge, includeLogicalRightEdge); } if (bleedAvoidance == BackgroundBleedBackgroundOverBorder) return style().getRoundedInnerBorderFor(borderRect, includeLogicalLeftEdge, includeLogicalRightEdge); return getBackgroundRoundedRect(borderRect, box, boxSize.width(), boxSize.height(), includeLogicalLeftEdge, includeLogicalRightEdge); } static void applyBoxShadowForBackground(GraphicsContext& context, RenderStyle* style) { const ShadowData* boxShadow = style->boxShadow(); while (boxShadow->style() != Normal) boxShadow = boxShadow->next(); FloatSize shadowOffset(boxShadow->x(), boxShadow->y()); if (!boxShadow->isWebkitBoxShadow()) context.setShadow(shadowOffset, boxShadow->radius(), boxShadow->color()); else context.setLegacyShadow(shadowOffset, boxShadow->radius(), boxShadow->color()); } InterpolationQuality RenderBoxModelObject::chooseInterpolationQuality(GraphicsContext& context, Image& image, const void* layer, const LayoutSize& size) { return view().imageQualityController().chooseInterpolationQuality(context, this, image, layer, size); } void RenderBoxModelObject::paintMaskForTextFillBox(ImageBuffer* maskImage, const IntRect& maskRect, InlineFlowBox* box, const LayoutRect& scrolledPaintRect) { GraphicsContext& maskImageContext = maskImage->context(); maskImageContext.translate(-maskRect.x(), -maskRect.y()); // Now add the text to the clip. We do this by painting using a special paint phase that signals to // InlineTextBoxes that they should just add their contents to the clip. PaintInfo info(maskImageContext, maskRect, PaintPhaseTextClip, PaintBehaviorForceBlackText); if (box) { const RootInlineBox& rootBox = box->root(); box->paint(info, LayoutPoint(scrolledPaintRect.x() - box->x(), scrolledPaintRect.y() - box->y()), rootBox.lineTop(), rootBox.lineBottom()); } else if (isRenderNamedFlowFragmentContainer()) { RenderNamedFlowFragment& region = *downcast(*this).renderNamedFlowFragment(); if (region.isValid()) region.flowThread()->layer()->paintNamedFlowThreadInsideRegion(maskImageContext, ®ion, maskRect, maskRect.location(), PaintBehaviorForceBlackText, RenderLayer::PaintLayerTemporaryClipRects); } else { LayoutSize localOffset = is(*this) ? downcast(*this).locationOffset() : LayoutSize(); paint(info, scrolledPaintRect.location() - localOffset); } } void RenderBoxModelObject::paintFillLayerExtended(const PaintInfo& paintInfo, const Color& color, const FillLayer* bgLayer, const LayoutRect& rect, BackgroundBleedAvoidance bleedAvoidance, InlineFlowBox* box, const LayoutSize& boxSize, CompositeOperator op, RenderElement* backgroundObject, BaseBackgroundColorUsage baseBgColorUsage) { GraphicsContext& context = paintInfo.context(); if (context.paintingDisabled() || rect.isEmpty()) return; bool includeLeftEdge = box ? box->includeLogicalLeftEdge() : true; bool includeRightEdge = box ? box->includeLogicalRightEdge() : true; bool hasRoundedBorder = style().hasBorderRadius() && (includeLeftEdge || includeRightEdge); bool clippedWithLocalScrolling = hasOverflowClip() && bgLayer->attachment() == LocalBackgroundAttachment; bool isBorderFill = bgLayer->clip() == BorderFillBox; bool isRoot = this->isDocumentElementRenderer(); Color bgColor = color; StyleImage* bgImage = bgLayer->image(); bool shouldPaintBackgroundImage = bgImage && bgImage->canRender(this, style().effectiveZoom()); bool forceBackgroundToWhite = false; if (document().printing()) { if (style().printColorAdjust() == PrintColorAdjustEconomy) forceBackgroundToWhite = true; if (frame().settings().shouldPrintBackgrounds()) forceBackgroundToWhite = false; } // When printing backgrounds is disabled or using economy mode, // change existing background colors and images to a solid white background. // If there's no bg color or image, leave it untouched to avoid affecting transparency. // We don't try to avoid loading the background images, because this style flag is only set // when printing, and at that point we've already loaded the background images anyway. (To avoid // loading the background images we'd have to do this check when applying styles rather than // while rendering.) if (forceBackgroundToWhite) { // Note that we can't reuse this variable below because the bgColor might be changed bool shouldPaintBackgroundColor = !bgLayer->next() && bgColor.isValid() && bgColor.alpha(); if (shouldPaintBackgroundImage || shouldPaintBackgroundColor) { bgColor = Color::white; shouldPaintBackgroundImage = false; } } bool baseBgColorOnly = (baseBgColorUsage == BaseBackgroundColorOnly); if (baseBgColorOnly && (!isRoot || bgLayer->next() || (bgColor.isValid() && !bgColor.hasAlpha()))) return; bool colorVisible = bgColor.isValid() && bgColor.alpha(); float deviceScaleFactor = document().deviceScaleFactor(); FloatRect pixelSnappedRect = snapRectToDevicePixels(rect, deviceScaleFactor); // Fast path for drawing simple color backgrounds. if (!isRoot && !clippedWithLocalScrolling && !shouldPaintBackgroundImage && isBorderFill && !bgLayer->next()) { if (!colorVisible) return; bool boxShadowShouldBeAppliedToBackground = this->boxShadowShouldBeAppliedToBackground(rect.location(), bleedAvoidance, box); GraphicsContextStateSaver shadowStateSaver(context, boxShadowShouldBeAppliedToBackground); if (boxShadowShouldBeAppliedToBackground) applyBoxShadowForBackground(context, &style()); if (hasRoundedBorder && bleedAvoidance != BackgroundBleedUseTransparencyLayer) { FloatRoundedRect pixelSnappedBorder = backgroundRoundedRectAdjustedForBleedAvoidance(context, rect, bleedAvoidance, box, boxSize, includeLeftEdge, includeRightEdge).pixelSnappedRoundedRectForPainting(deviceScaleFactor); if (pixelSnappedBorder.isRenderable()) context.fillRoundedRect(pixelSnappedBorder, bgColor); else { context.save(); clipRoundedInnerRect(context, pixelSnappedRect, pixelSnappedBorder); context.fillRect(pixelSnappedBorder.rect(), bgColor); context.restore(); } } else context.fillRect(pixelSnappedRect, bgColor); return; } // BorderFillBox radius clipping is taken care of by BackgroundBleedUseTransparencyLayer bool clipToBorderRadius = hasRoundedBorder && !(isBorderFill && bleedAvoidance == BackgroundBleedUseTransparencyLayer); GraphicsContextStateSaver clipToBorderStateSaver(context, clipToBorderRadius); if (clipToBorderRadius) { RoundedRect border = isBorderFill ? backgroundRoundedRectAdjustedForBleedAvoidance(context, rect, bleedAvoidance, box, boxSize, includeLeftEdge, includeRightEdge) : getBackgroundRoundedRect(rect, box, boxSize.width(), boxSize.height(), includeLeftEdge, includeRightEdge); // Clip to the padding or content boxes as necessary. if (bgLayer->clip() == ContentFillBox) { border = style().getRoundedInnerBorderFor(border.rect(), paddingTop() + borderTop(), paddingBottom() + borderBottom(), paddingLeft() + borderLeft(), paddingRight() + borderRight(), includeLeftEdge, includeRightEdge); } else if (bgLayer->clip() == PaddingFillBox) border = style().getRoundedInnerBorderFor(border.rect(), includeLeftEdge, includeRightEdge); clipRoundedInnerRect(context, pixelSnappedRect, border.pixelSnappedRoundedRectForPainting(deviceScaleFactor)); } LayoutUnit bLeft = includeLeftEdge ? borderLeft() : LayoutUnit::fromPixel(0); LayoutUnit bRight = includeRightEdge ? borderRight() : LayoutUnit::fromPixel(0); LayoutUnit pLeft = includeLeftEdge ? paddingLeft() : LayoutUnit(); LayoutUnit pRight = includeRightEdge ? paddingRight() : LayoutUnit(); GraphicsContextStateSaver clipWithScrollingStateSaver(context, clippedWithLocalScrolling); LayoutRect scrolledPaintRect = rect; if (clippedWithLocalScrolling) { // Clip to the overflow area. auto& thisBox = downcast(*this); context.clip(thisBox.overflowClipRect(rect.location(), currentRenderNamedFlowFragment())); // Adjust the paint rect to reflect a scrolled content box with borders at the ends. IntSize offset = thisBox.scrolledContentOffset(); scrolledPaintRect.move(-offset); scrolledPaintRect.setWidth(bLeft + layer()->scrollWidth() + bRight); scrolledPaintRect.setHeight(borderTop() + layer()->scrollHeight() + borderBottom()); } GraphicsContextStateSaver backgroundClipStateSaver(context, false); std::unique_ptr maskImage; IntRect maskRect; if (bgLayer->clip() == PaddingFillBox || bgLayer->clip() == ContentFillBox) { // Clip to the padding or content boxes as necessary. if (!clipToBorderRadius) { bool includePadding = bgLayer->clip() == ContentFillBox; LayoutRect clipRect = LayoutRect(scrolledPaintRect.x() + bLeft + (includePadding ? pLeft : LayoutUnit()), scrolledPaintRect.y() + borderTop() + (includePadding ? paddingTop() : LayoutUnit()), scrolledPaintRect.width() - bLeft - bRight - (includePadding ? pLeft + pRight : LayoutUnit()), scrolledPaintRect.height() - borderTop() - borderBottom() - (includePadding ? paddingTop() + paddingBottom() : LayoutUnit())); backgroundClipStateSaver.save(); context.clip(clipRect); } } else if (bgLayer->clip() == TextFillBox) { // We have to draw our text into a mask that can then be used to clip background drawing. // First figure out how big the mask has to be. It should be no bigger than what we need // to actually render, so we should intersect the dirty rect with the border box of the background. maskRect = snappedIntRect(rect); maskRect.intersect(snappedIntRect(paintInfo.rect)); // Now create the mask. maskImage = context.createCompatibleBuffer(maskRect.size()); if (!maskImage) return; paintMaskForTextFillBox(maskImage.get(), maskRect, box, scrolledPaintRect); // The mask has been created. Now we just need to clip to it. backgroundClipStateSaver.save(); context.clip(maskRect); context.beginTransparencyLayer(1); } // Only fill with a base color (e.g., white) if we're the root document, since iframes/frames with // no background in the child document should show the parent's background. bool isOpaqueRoot = false; if (isRoot) { isOpaqueRoot = true; if (!bgLayer->next() && !(bgColor.isValid() && bgColor.alpha() == 255)) { HTMLFrameOwnerElement* ownerElement = document().ownerElement(); if (ownerElement) { if (!ownerElement->hasTagName(frameTag)) { // Locate the element using the DOM. This is easier than trying // to crawl around a render tree with potential :before/:after content and // anonymous blocks created by inline tags etc. We can locate the // render object very easily via the DOM. if (HTMLElement* body = document().bodyOrFrameset()) { // Can't scroll a frameset document anyway. isOpaqueRoot = is(*body); } else { // SVG documents and XML documents with SVG root nodes are transparent. isOpaqueRoot = !document().hasSVGRootNode(); } } } else isOpaqueRoot = !view().frameView().isTransparent(); } view().frameView().setContentIsOpaque(isOpaqueRoot); } // Paint the color first underneath all images, culled if background image occludes it. // FIXME: In the bgLayer->hasFiniteBounds() case, we could improve the culling test // by verifying whether the background image covers the entire layout rect. if (!bgLayer->next()) { LayoutRect backgroundRect(scrolledPaintRect); bool boxShadowShouldBeAppliedToBackground = this->boxShadowShouldBeAppliedToBackground(rect.location(), bleedAvoidance, box); if (boxShadowShouldBeAppliedToBackground || !shouldPaintBackgroundImage || !bgLayer->hasOpaqueImage(*this) || !bgLayer->hasRepeatXY()) { if (!boxShadowShouldBeAppliedToBackground) backgroundRect.intersect(paintInfo.rect); // If we have an alpha and we are painting the root element, blend with the base background color. Color baseColor; bool shouldClearBackground = false; if ((baseBgColorUsage != BaseBackgroundColorSkip) && isOpaqueRoot) { baseColor = view().frameView().baseBackgroundColor(); if (!baseColor.alpha()) shouldClearBackground = true; } GraphicsContextStateSaver shadowStateSaver(context, boxShadowShouldBeAppliedToBackground); if (boxShadowShouldBeAppliedToBackground) applyBoxShadowForBackground(context, &style()); FloatRect backgroundRectForPainting = snapRectToDevicePixels(backgroundRect, deviceScaleFactor); if (baseColor.alpha()) { if (!baseBgColorOnly && bgColor.alpha()) baseColor = baseColor.blend(bgColor); context.fillRect(backgroundRectForPainting, baseColor, CompositeCopy); } else if (!baseBgColorOnly && bgColor.alpha()) { CompositeOperator operation = shouldClearBackground ? CompositeCopy : context.compositeOperation(); context.fillRect(backgroundRectForPainting, bgColor, operation); } else if (shouldClearBackground) context.clearRect(backgroundRectForPainting); } } // no progressive loading of the background image if (!baseBgColorOnly && shouldPaintBackgroundImage) { BackgroundImageGeometry geometry = calculateBackgroundImageGeometry(paintInfo.paintContainer, *bgLayer, rect.location(), scrolledPaintRect, backgroundObject); geometry.clip(LayoutRect(pixelSnappedRect)); RefPtr image; if (!geometry.destRect().isEmpty() && (image = bgImage->image(backgroundObject ? backgroundObject : this, geometry.tileSize()))) { CompositeOperator compositeOp = op == CompositeSourceOver ? bgLayer->composite() : op; context.setDrawLuminanceMask(bgLayer->maskSourceType() == MaskLuminance); InterpolationQuality interpolation = chooseInterpolationQuality(context, *image, bgLayer, geometry.tileSize()); context.drawTiledImage(*image, geometry.destRect(), toLayoutPoint(geometry.relativePhase()), geometry.tileSize(), geometry.spaceSize(), ImagePaintingOptions(compositeOp, bgLayer->blendMode(), ImageOrientationDescription(), interpolation)); } } if (maskImage && bgLayer->clip() == TextFillBox) { context.drawConsumingImageBuffer(WTFMove(maskImage), maskRect, CompositeDestinationIn); context.endTransparencyLayer(); } } static inline LayoutUnit resolveWidthForRatio(LayoutUnit height, const LayoutSize& intrinsicRatio) { return height * intrinsicRatio.width() / intrinsicRatio.height(); } static inline LayoutUnit resolveHeightForRatio(LayoutUnit width, const LayoutSize& intrinsicRatio) { return width * intrinsicRatio.height() / intrinsicRatio.width(); } static inline LayoutSize resolveAgainstIntrinsicWidthOrHeightAndRatio(const LayoutSize& size, const LayoutSize& intrinsicRatio, LayoutUnit useWidth, LayoutUnit useHeight) { if (intrinsicRatio.isEmpty()) { if (useWidth) return LayoutSize(useWidth, size.height()); return LayoutSize(size.width(), useHeight); } if (useWidth) return LayoutSize(useWidth, resolveHeightForRatio(useWidth, intrinsicRatio)); return LayoutSize(resolveWidthForRatio(useHeight, intrinsicRatio), useHeight); } static inline LayoutSize resolveAgainstIntrinsicRatio(const LayoutSize& size, const LayoutSize& intrinsicRatio) { // Two possible solutions: (size.width(), solutionHeight) or (solutionWidth, size.height()) // "... must be assumed to be the largest dimensions..." = easiest answer: the rect with the largest surface area. LayoutUnit solutionWidth = resolveWidthForRatio(size.height(), intrinsicRatio); LayoutUnit solutionHeight = resolveHeightForRatio(size.width(), intrinsicRatio); if (solutionWidth <= size.width()) { if (solutionHeight <= size.height()) { // If both solutions fit, choose the one covering the larger area. LayoutUnit areaOne = solutionWidth * size.height(); LayoutUnit areaTwo = size.width() * solutionHeight; if (areaOne < areaTwo) return LayoutSize(size.width(), solutionHeight); return LayoutSize(solutionWidth, size.height()); } // Only the first solution fits. return LayoutSize(solutionWidth, size.height()); } // Only the second solution fits, assert that. ASSERT(solutionHeight <= size.height()); return LayoutSize(size.width(), solutionHeight); } LayoutSize RenderBoxModelObject::calculateImageIntrinsicDimensions(StyleImage* image, const LayoutSize& positioningAreaSize, ScaleByEffectiveZoomOrNot shouldScaleOrNot) const { // A generated image without a fixed size, will always return the container size as intrinsic size. if (image->isGeneratedImage() && image->usesImageContainerSize()) return LayoutSize(positioningAreaSize.width(), positioningAreaSize.height()); Length intrinsicWidth; Length intrinsicHeight; FloatSize intrinsicRatio; image->computeIntrinsicDimensions(this, intrinsicWidth, intrinsicHeight, intrinsicRatio); ASSERT(!intrinsicWidth.isPercentOrCalculated()); ASSERT(!intrinsicHeight.isPercentOrCalculated()); LayoutSize resolvedSize(intrinsicWidth.value(), intrinsicHeight.value()); LayoutSize minimumSize(resolvedSize.width() > 0 ? 1 : 0, resolvedSize.height() > 0 ? 1 : 0); if (shouldScaleOrNot == ScaleByEffectiveZoom) resolvedSize.scale(style().effectiveZoom()); resolvedSize.clampToMinimumSize(minimumSize); if (!resolvedSize.isEmpty()) return resolvedSize; // If the image has one of either an intrinsic width or an intrinsic height: // * and an intrinsic aspect ratio, then the missing dimension is calculated from the given dimension and the ratio. // * and no intrinsic aspect ratio, then the missing dimension is assumed to be the size of the rectangle that // establishes the coordinate system for the 'background-position' property. if (resolvedSize.width() > 0 || resolvedSize.height() > 0) return resolveAgainstIntrinsicWidthOrHeightAndRatio(positioningAreaSize, LayoutSize(intrinsicRatio), resolvedSize.width(), resolvedSize.height()); // If the image has no intrinsic dimensions and has an intrinsic ratio the dimensions must be assumed to be the // largest dimensions at that ratio such that neither dimension exceeds the dimensions of the rectangle that // establishes the coordinate system for the 'background-position' property. if (!intrinsicRatio.isEmpty()) return resolveAgainstIntrinsicRatio(positioningAreaSize, LayoutSize(intrinsicRatio)); // If the image has no intrinsic ratio either, then the dimensions must be assumed to be the rectangle that // establishes the coordinate system for the 'background-position' property. return positioningAreaSize; } LayoutSize RenderBoxModelObject::calculateFillTileSize(const FillLayer& fillLayer, const LayoutSize& positioningAreaSize) const { StyleImage* image = fillLayer.image(); EFillSizeType type = fillLayer.size().type; LayoutSize imageIntrinsicSize; if (image) { imageIntrinsicSize = calculateImageIntrinsicDimensions(image, positioningAreaSize, ScaleByEffectiveZoom); imageIntrinsicSize.scale(1 / image->imageScaleFactor(), 1 / image->imageScaleFactor()); } else imageIntrinsicSize = positioningAreaSize; switch (type) { case SizeLength: { LayoutSize tileSize = positioningAreaSize; Length layerWidth = fillLayer.size().size.width(); Length layerHeight = fillLayer.size().size.height(); if (layerWidth.isFixed()) tileSize.setWidth(layerWidth.value()); else if (layerWidth.isPercentOrCalculated()) tileSize.setWidth(valueForLength(layerWidth, positioningAreaSize.width())); if (layerHeight.isFixed()) tileSize.setHeight(layerHeight.value()); else if (layerHeight.isPercentOrCalculated()) tileSize.setHeight(valueForLength(layerHeight, positioningAreaSize.height())); // If one of the values is auto we have to use the appropriate // scale to maintain our aspect ratio. if (layerWidth.isAuto() && !layerHeight.isAuto()) { if (imageIntrinsicSize.height()) tileSize.setWidth(imageIntrinsicSize.width() * tileSize.height() / imageIntrinsicSize.height()); } else if (!layerWidth.isAuto() && layerHeight.isAuto()) { if (imageIntrinsicSize.width()) tileSize.setHeight(imageIntrinsicSize.height() * tileSize.width() / imageIntrinsicSize.width()); } else if (layerWidth.isAuto() && layerHeight.isAuto()) { // If both width and height are auto, use the image's intrinsic size. tileSize = imageIntrinsicSize; } tileSize.clampNegativeToZero(); return tileSize; } case SizeNone: { // If both values are ‘auto’ then the intrinsic width and/or height of the image should be used, if any. if (!imageIntrinsicSize.isEmpty()) return imageIntrinsicSize; // If the image has neither an intrinsic width nor an intrinsic height, its size is determined as for ‘contain’. type = Contain; } FALLTHROUGH; case Contain: case Cover: { // Scale computation needs higher precision than what LayoutUnit can offer. FloatSize localImageIntrinsicSize = imageIntrinsicSize; FloatSize localPositioningAreaSize = positioningAreaSize; float horizontalScaleFactor = localImageIntrinsicSize.width() ? (localPositioningAreaSize.width() / localImageIntrinsicSize.width()) : 1; float verticalScaleFactor = localImageIntrinsicSize.height() ? (localPositioningAreaSize.height() / localImageIntrinsicSize.height()) : 1; float scaleFactor = type == Contain ? std::min(horizontalScaleFactor, verticalScaleFactor) : std::max(horizontalScaleFactor, verticalScaleFactor); float deviceScaleFactor = document().deviceScaleFactor(); return LayoutSize(std::max(1 / deviceScaleFactor, localImageIntrinsicSize.width() * scaleFactor), std::max(1 / deviceScaleFactor, localImageIntrinsicSize.height() * scaleFactor)); } } ASSERT_NOT_REACHED(); return LayoutSize(); } static void pixelSnapBackgroundImageGeometryForPainting(LayoutRect& destinationRect, LayoutSize& tileSize, LayoutSize& phase, LayoutSize& space, float scaleFactor) { tileSize = LayoutSize(snapRectToDevicePixels(LayoutRect(destinationRect.location(), tileSize), scaleFactor).size()); phase = LayoutSize(snapRectToDevicePixels(LayoutRect(destinationRect.location(), phase), scaleFactor).size()); space = LayoutSize(snapRectToDevicePixels(LayoutRect(LayoutPoint(), space), scaleFactor).size()); destinationRect = LayoutRect(snapRectToDevicePixels(destinationRect, scaleFactor)); } bool RenderBoxModelObject::fixedBackgroundPaintsInLocalCoordinates() const { if (!isDocumentElementRenderer()) return false; if (view().frameView().paintBehavior() & PaintBehaviorFlattenCompositingLayers) return false; RenderLayer* rootLayer = view().layer(); if (!rootLayer || !rootLayer->isComposited()) return false; return rootLayer->backing()->backgroundLayerPaintsFixedRootBackground(); } static inline LayoutUnit getSpace(LayoutUnit areaSize, LayoutUnit tileSize) { int numberOfTiles = areaSize / tileSize; LayoutUnit space = -1; if (numberOfTiles > 1) space = (areaSize - numberOfTiles * tileSize) / (numberOfTiles - 1); return space; } static LayoutUnit resolveEdgeRelativeLength(const Length& length, Edge edge, LayoutUnit availableSpace, const LayoutSize& areaSize, const LayoutSize& tileSize) { LayoutUnit result = minimumValueForLength(length, availableSpace, false); if (edge == Edge::Right) return areaSize.width() - tileSize.width() - result; if (edge == Edge::Bottom) return areaSize.height() - tileSize.height() - result; return result; } BackgroundImageGeometry RenderBoxModelObject::calculateBackgroundImageGeometry(const RenderLayerModelObject* paintContainer, const FillLayer& fillLayer, const LayoutPoint& paintOffset, const LayoutRect& borderBoxRect, RenderElement* backgroundObject) const { LayoutUnit left = 0; LayoutUnit top = 0; LayoutSize positioningAreaSize; // Determine the background positioning area and set destination rect to the background painting area. // Destination rect will be adjusted later if the background is non-repeating. // FIXME: transforms spec says that fixed backgrounds behave like scroll inside transforms. https://bugs.webkit.org/show_bug.cgi?id=15679 LayoutRect destinationRect(borderBoxRect); bool fixedAttachment = fillLayer.attachment() == FixedBackgroundAttachment; float deviceScaleFactor = document().deviceScaleFactor(); if (!fixedAttachment) { LayoutUnit right = 0; LayoutUnit bottom = 0; // Scroll and Local. if (fillLayer.origin() != BorderFillBox) { left = borderLeft(); right = borderRight(); top = borderTop(); bottom = borderBottom(); if (fillLayer.origin() == ContentFillBox) { left += paddingLeft(); right += paddingRight(); top += paddingTop(); bottom += paddingBottom(); } } // The background of the box generated by the root element covers the entire canvas including // its margins. Since those were added in already, we have to factor them out when computing // the background positioning area. if (isDocumentElementRenderer()) { positioningAreaSize = downcast(*this).size() - LayoutSize(left + right, top + bottom); positioningAreaSize = LayoutSize(snapSizeToDevicePixel(positioningAreaSize, LayoutPoint(), deviceScaleFactor)); if (view().frameView().hasExtendedBackgroundRectForPainting()) { LayoutRect extendedBackgroundRect = view().frameView().extendedBackgroundRectForPainting(); left += (marginLeft() - extendedBackgroundRect.x()); top += (marginTop() - extendedBackgroundRect.y()); } } else { positioningAreaSize = borderBoxRect.size() - LayoutSize(left + right, top + bottom); positioningAreaSize = LayoutSize(snapRectToDevicePixels(LayoutRect(paintOffset, positioningAreaSize), deviceScaleFactor).size()); } } else { LayoutRect viewportRect; float topContentInset = 0; if (frame().settings().fixedBackgroundsPaintRelativeToDocument()) viewportRect = view().unscaledDocumentRect(); else { FrameView& frameView = view().frameView(); bool useFixedLayout = frameView.useFixedLayout() && !frameView.fixedLayoutSize().isEmpty(); if (useFixedLayout) { // Use the fixedLayoutSize() when useFixedLayout() because the rendering will scale // down the frameView to to fit in the current viewport. viewportRect.setSize(frameView.fixedLayoutSize()); } else viewportRect.setSize(frameView.unscaledVisibleContentSizeIncludingObscuredArea()); if (fixedBackgroundPaintsInLocalCoordinates()) { if (!useFixedLayout) { // Shifting location up by topContentInset is needed for layout tests which expect // layout to be shifted down when calling window.internals.setTopContentInset(). topContentInset = frameView.topContentInset(ScrollView::TopContentInsetType::WebCoreOrPlatformContentInset); viewportRect.setLocation(LayoutPoint(0, -topContentInset)); } } else if (useFixedLayout || frameView.frameScaleFactor() != 1) { // scrollPositionForFixedPosition() is adjusted for page scale and it does not include // topContentInset so do not add it to the calculation below. viewportRect.setLocation(frameView.scrollPositionForFixedPosition()); } else { // documentScrollPositionRelativeToViewOrigin() includes -topContentInset in its height // so we need to account for that in calculating the phase size topContentInset = frameView.topContentInset(ScrollView::TopContentInsetType::WebCoreOrPlatformContentInset); viewportRect.setLocation(frameView.documentScrollPositionRelativeToViewOrigin()); } top += topContentInset; } if (paintContainer) viewportRect.moveBy(LayoutPoint(-paintContainer->localToAbsolute(FloatPoint()))); destinationRect = viewportRect; positioningAreaSize = destinationRect.size(); positioningAreaSize.setHeight(positioningAreaSize.height() - topContentInset); positioningAreaSize = LayoutSize(snapRectToDevicePixels(LayoutRect(destinationRect.location(), positioningAreaSize), deviceScaleFactor).size()); } auto clientForBackgroundImage = backgroundObject ? backgroundObject : this; LayoutSize tileSize = calculateFillTileSize(fillLayer, positioningAreaSize); if (StyleImage* layerImage = fillLayer.image()) layerImage->setContainerSizeForRenderer(clientForBackgroundImage, tileSize, style().effectiveZoom()); EFillRepeat backgroundRepeatX = fillLayer.repeatX(); EFillRepeat backgroundRepeatY = fillLayer.repeatY(); LayoutUnit availableWidth = positioningAreaSize.width() - tileSize.width(); LayoutUnit availableHeight = positioningAreaSize.height() - tileSize.height(); LayoutSize spaceSize; LayoutSize phase; LayoutSize noRepeat; LayoutUnit computedXPosition = resolveEdgeRelativeLength(fillLayer.xPosition(), fillLayer.backgroundXOrigin(), availableWidth, positioningAreaSize, tileSize); if (backgroundRepeatX == RoundFill && positioningAreaSize.width() > 0 && tileSize.width() > 0) { int numTiles = std::max(1, roundToInt(positioningAreaSize.width() / tileSize.width())); if (fillLayer.size().size.height().isAuto() && backgroundRepeatY != RoundFill) tileSize.setHeight(tileSize.height() * positioningAreaSize.width() / (numTiles * tileSize.width())); tileSize.setWidth(positioningAreaSize.width() / numTiles); phase.setWidth(tileSize.width() ? tileSize.width() - fmodf((computedXPosition + left), tileSize.width()) : 0); } LayoutUnit computedYPosition = resolveEdgeRelativeLength(fillLayer.yPosition(), fillLayer.backgroundYOrigin(), availableHeight, positioningAreaSize, tileSize); if (backgroundRepeatY == RoundFill && positioningAreaSize.height() > 0 && tileSize.height() > 0) { int numTiles = std::max(1, roundToInt(positioningAreaSize.height() / tileSize.height())); if (fillLayer.size().size.width().isAuto() && backgroundRepeatX != RoundFill) tileSize.setWidth(tileSize.width() * positioningAreaSize.height() / (numTiles * tileSize.height())); tileSize.setHeight(positioningAreaSize.height() / numTiles); phase.setHeight(tileSize.height() ? tileSize.height() - fmodf((computedYPosition + top), tileSize.height()) : 0); } if (backgroundRepeatX == RepeatFill) { phase.setWidth(tileSize.width() ? tileSize.width() - fmodf(computedXPosition + left, tileSize.width()) : 0); spaceSize.setWidth(0); } else if (backgroundRepeatX == SpaceFill && tileSize.width() > 0) { LayoutUnit space = getSpace(positioningAreaSize.width(), tileSize.width()); if (space >= 0) { LayoutUnit actualWidth = tileSize.width() + space; computedXPosition = minimumValueForLength(Length(), availableWidth, false); spaceSize.setWidth(space); spaceSize.setHeight(0); phase.setWidth(actualWidth ? actualWidth - fmodf((computedXPosition + left), actualWidth) : 0); } else backgroundRepeatX = NoRepeatFill; } if (backgroundRepeatX == NoRepeatFill) { LayoutUnit xOffset = left + computedXPosition; if (xOffset > 0) destinationRect.move(xOffset, 0); xOffset = std::min(xOffset, 0); phase.setWidth(-xOffset); destinationRect.setWidth(tileSize.width() + xOffset); spaceSize.setWidth(0); } if (backgroundRepeatY == RepeatFill) { phase.setHeight(tileSize.height() ? tileSize.height() - fmodf(computedYPosition + top, tileSize.height()) : 0); spaceSize.setHeight(0); } else if (backgroundRepeatY == SpaceFill && tileSize.height() > 0) { LayoutUnit space = getSpace(positioningAreaSize.height(), tileSize.height()); if (space >= 0) { LayoutUnit actualHeight = tileSize.height() + space; computedYPosition = minimumValueForLength(Length(), availableHeight, false); spaceSize.setHeight(space); phase.setHeight(actualHeight ? actualHeight - fmodf((computedYPosition + top), actualHeight) : 0); } else backgroundRepeatY = NoRepeatFill; } if (backgroundRepeatY == NoRepeatFill) { LayoutUnit yOffset = top + computedYPosition; if (yOffset > 0) destinationRect.move(0, yOffset); yOffset = std::min(yOffset, 0); phase.setHeight(-yOffset); destinationRect.setHeight(tileSize.height() + yOffset); spaceSize.setHeight(0); } if (fixedAttachment) { LayoutPoint attachmentPoint = borderBoxRect.location(); phase.expand(std::max(attachmentPoint.x() - destinationRect.x(), 0), std::max(attachmentPoint.y() - destinationRect.y(), 0)); } destinationRect.intersect(borderBoxRect); pixelSnapBackgroundImageGeometryForPainting(destinationRect, tileSize, phase, spaceSize, deviceScaleFactor); return BackgroundImageGeometry(destinationRect, tileSize, phase, spaceSize, fixedAttachment); } void RenderBoxModelObject::getGeometryForBackgroundImage(const RenderLayerModelObject* paintContainer, const LayoutPoint& paintOffset, FloatRect& destRect, FloatSize& phase, FloatSize& tileSize) const { LayoutRect paintRect(destRect); BackgroundImageGeometry geometry = calculateBackgroundImageGeometry(paintContainer, *style().backgroundLayers(), paintOffset, paintRect); phase = geometry.phase(); tileSize = geometry.tileSize(); destRect = geometry.destRect(); } bool RenderBoxModelObject::paintNinePieceImage(GraphicsContext& graphicsContext, const LayoutRect& rect, const RenderStyle& style, const NinePieceImage& ninePieceImage, CompositeOperator op) { StyleImage* styleImage = ninePieceImage.image(); if (!styleImage) return false; if (!styleImage->isLoaded()) return true; // Never paint a nine-piece image incrementally, but don't paint the fallback borders either. if (!styleImage->canRender(this, style.effectiveZoom())) return false; // FIXME: border-image is broken with full page zooming when tiling has to happen, since the tiling function // doesn't have any understanding of the zoom that is in effect on the tile. float deviceScaleFactor = document().deviceScaleFactor(); LayoutRect rectWithOutsets = rect; rectWithOutsets.expand(style.imageOutsets(ninePieceImage)); LayoutRect destination = LayoutRect(snapRectToDevicePixels(rectWithOutsets, deviceScaleFactor)); LayoutSize source = calculateImageIntrinsicDimensions(styleImage, destination.size(), DoNotScaleByEffectiveZoom); // If both values are ‘auto’ then the intrinsic width and/or height of the image should be used, if any. styleImage->setContainerSizeForRenderer(this, source, style.effectiveZoom()); ninePieceImage.paint(graphicsContext, this, style, destination, source, deviceScaleFactor, op); return true; } static bool allCornersClippedOut(const RoundedRect& border, const LayoutRect& clipRect) { LayoutRect boundingRect = border.rect(); if (clipRect.contains(boundingRect)) return false; RoundedRect::Radii radii = border.radii(); LayoutRect topLeftRect(boundingRect.location(), radii.topLeft()); if (clipRect.intersects(topLeftRect)) return false; LayoutRect topRightRect(boundingRect.location(), radii.topRight()); topRightRect.setX(boundingRect.maxX() - topRightRect.width()); if (clipRect.intersects(topRightRect)) return false; LayoutRect bottomLeftRect(boundingRect.location(), radii.bottomLeft()); bottomLeftRect.setY(boundingRect.maxY() - bottomLeftRect.height()); if (clipRect.intersects(bottomLeftRect)) return false; LayoutRect bottomRightRect(boundingRect.location(), radii.bottomRight()); bottomRightRect.setX(boundingRect.maxX() - bottomRightRect.width()); bottomRightRect.setY(boundingRect.maxY() - bottomRightRect.height()); if (clipRect.intersects(bottomRightRect)) return false; return true; } static bool borderWillArcInnerEdge(const LayoutSize& firstRadius, const FloatSize& secondRadius) { return !firstRadius.isZero() || !secondRadius.isZero(); } inline bool styleRequiresClipPolygon(EBorderStyle style) { return style == DOTTED || style == DASHED; // These are drawn with a stroke, so we have to clip to get corner miters. } static bool borderStyleFillsBorderArea(EBorderStyle style) { return !(style == DOTTED || style == DASHED || style == DOUBLE); } static bool borderStyleHasInnerDetail(EBorderStyle style) { return style == GROOVE || style == RIDGE || style == DOUBLE; } static bool borderStyleIsDottedOrDashed(EBorderStyle style) { return style == DOTTED || style == DASHED; } // OUTSET darkens the bottom and right (and maybe lightens the top and left) // INSET darkens the top and left (and maybe lightens the bottom and right) static inline bool borderStyleHasUnmatchedColorsAtCorner(EBorderStyle style, BoxSide side, BoxSide adjacentSide) { // These styles match at the top/left and bottom/right. if (style == INSET || style == GROOVE || style == RIDGE || style == OUTSET) { const BorderEdgeFlags topRightFlags = edgeFlagForSide(BSTop) | edgeFlagForSide(BSRight); const BorderEdgeFlags bottomLeftFlags = edgeFlagForSide(BSBottom) | edgeFlagForSide(BSLeft); BorderEdgeFlags flags = edgeFlagForSide(side) | edgeFlagForSide(adjacentSide); return flags == topRightFlags || flags == bottomLeftFlags; } return false; } static inline bool colorsMatchAtCorner(BoxSide side, BoxSide adjacentSide, const BorderEdge edges[]) { if (edges[side].shouldRender() != edges[adjacentSide].shouldRender()) return false; if (!edgesShareColor(edges[side], edges[adjacentSide])) return false; return !borderStyleHasUnmatchedColorsAtCorner(edges[side].style(), side, adjacentSide); } static inline bool colorNeedsAntiAliasAtCorner(BoxSide side, BoxSide adjacentSide, const BorderEdge edges[]) { if (!edges[side].color().hasAlpha()) return false; if (edges[side].shouldRender() != edges[adjacentSide].shouldRender()) return false; if (!edgesShareColor(edges[side], edges[adjacentSide])) return true; return borderStyleHasUnmatchedColorsAtCorner(edges[side].style(), side, adjacentSide); } // This assumes that we draw in order: top, bottom, left, right. static inline bool willBeOverdrawn(BoxSide side, BoxSide adjacentSide, const BorderEdge edges[]) { switch (side) { case BSTop: case BSBottom: if (edges[adjacentSide].presentButInvisible()) return false; if (!edgesShareColor(edges[side], edges[adjacentSide]) && edges[adjacentSide].color().hasAlpha()) return false; if (!borderStyleFillsBorderArea(edges[adjacentSide].style())) return false; return true; case BSLeft: case BSRight: // These draw last, so are never overdrawn. return false; } return false; } static inline bool borderStylesRequireMitre(BoxSide side, BoxSide adjacentSide, EBorderStyle style, EBorderStyle adjacentStyle) { if (style == DOUBLE || adjacentStyle == DOUBLE || adjacentStyle == GROOVE || adjacentStyle == RIDGE) return true; if (borderStyleIsDottedOrDashed(style) != borderStyleIsDottedOrDashed(adjacentStyle)) return true; if (style != adjacentStyle) return true; return borderStyleHasUnmatchedColorsAtCorner(style, side, adjacentSide); } static bool joinRequiresMitre(BoxSide side, BoxSide adjacentSide, const BorderEdge edges[], bool allowOverdraw) { if ((edges[side].isTransparent() && edges[adjacentSide].isTransparent()) || !edges[adjacentSide].isPresent()) return false; if (allowOverdraw && willBeOverdrawn(side, adjacentSide, edges)) return false; if (!edgesShareColor(edges[side], edges[adjacentSide])) return true; if (borderStylesRequireMitre(side, adjacentSide, edges[side].style(), edges[adjacentSide].style())) return true; return false; } void RenderBoxModelObject::paintOneBorderSide(GraphicsContext& graphicsContext, const RenderStyle& style, const RoundedRect& outerBorder, const RoundedRect& innerBorder, const LayoutRect& sideRect, BoxSide side, BoxSide adjacentSide1, BoxSide adjacentSide2, const BorderEdge edges[], const Path* path, BackgroundBleedAvoidance bleedAvoidance, bool includeLogicalLeftEdge, bool includeLogicalRightEdge, bool antialias, const Color* overrideColor) { const BorderEdge& edgeToRender = edges[side]; ASSERT(edgeToRender.widthForPainting()); const BorderEdge& adjacentEdge1 = edges[adjacentSide1]; const BorderEdge& adjacentEdge2 = edges[adjacentSide2]; bool mitreAdjacentSide1 = joinRequiresMitre(side, adjacentSide1, edges, !antialias); bool mitreAdjacentSide2 = joinRequiresMitre(side, adjacentSide2, edges, !antialias); bool adjacentSide1StylesMatch = colorsMatchAtCorner(side, adjacentSide1, edges); bool adjacentSide2StylesMatch = colorsMatchAtCorner(side, adjacentSide2, edges); const Color& colorToPaint = overrideColor ? *overrideColor : edgeToRender.color(); if (path) { GraphicsContextStateSaver stateSaver(graphicsContext); if (innerBorder.isRenderable()) clipBorderSidePolygon(graphicsContext, outerBorder, innerBorder, side, adjacentSide1StylesMatch, adjacentSide2StylesMatch); else clipBorderSideForComplexInnerPath(graphicsContext, outerBorder, innerBorder, side, edges); float thickness = std::max(std::max(edgeToRender.widthForPainting(), adjacentEdge1.widthForPainting()), adjacentEdge2.widthForPainting()); drawBoxSideFromPath(graphicsContext, outerBorder.rect(), *path, edges, edgeToRender.widthForPainting(), thickness, side, style, colorToPaint, edgeToRender.style(), bleedAvoidance, includeLogicalLeftEdge, includeLogicalRightEdge); } else { bool clipForStyle = styleRequiresClipPolygon(edgeToRender.style()) && (mitreAdjacentSide1 || mitreAdjacentSide2); bool clipAdjacentSide1 = colorNeedsAntiAliasAtCorner(side, adjacentSide1, edges) && mitreAdjacentSide1; bool clipAdjacentSide2 = colorNeedsAntiAliasAtCorner(side, adjacentSide2, edges) && mitreAdjacentSide2; bool shouldClip = clipForStyle || clipAdjacentSide1 || clipAdjacentSide2; GraphicsContextStateSaver clipStateSaver(graphicsContext, shouldClip); if (shouldClip) { bool aliasAdjacentSide1 = clipAdjacentSide1 || (clipForStyle && mitreAdjacentSide1); bool aliasAdjacentSide2 = clipAdjacentSide2 || (clipForStyle && mitreAdjacentSide2); clipBorderSidePolygon(graphicsContext, outerBorder, innerBorder, side, !aliasAdjacentSide1, !aliasAdjacentSide2); // Since we clipped, no need to draw with a mitre. mitreAdjacentSide1 = false; mitreAdjacentSide2 = false; } drawLineForBoxSide(graphicsContext, sideRect, side, colorToPaint, edgeToRender.style(), mitreAdjacentSide1 ? adjacentEdge1.widthForPainting() : 0, mitreAdjacentSide2 ? adjacentEdge2.widthForPainting() : 0, antialias); } } static LayoutRect calculateSideRect(const RoundedRect& outerBorder, const BorderEdge edges[], int side) { LayoutRect sideRect = outerBorder.rect(); float width = edges[side].widthForPainting(); if (side == BSTop) sideRect.setHeight(width); else if (side == BSBottom) sideRect.shiftYEdgeTo(sideRect.maxY() - width); else if (side == BSLeft) sideRect.setWidth(width); else sideRect.shiftXEdgeTo(sideRect.maxX() - width); return sideRect; } void RenderBoxModelObject::paintBorderSides(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) { bool renderRadii = outerBorder.isRounded(); Path roundedPath; if (renderRadii) roundedPath.addRoundedRect(outerBorder); // The inner border adjustment for bleed avoidance mode BackgroundBleedBackgroundOverBorder // is only applied to sideRect, which is okay since BackgroundBleedBackgroundOverBorder // is only to be used for solid borders and the shape of the border painted by drawBoxSideFromPath // only depends on sideRect when painting solid borders. if (edges[BSTop].shouldRender() && includesEdge(edgeSet, BSTop)) { LayoutRect sideRect = outerBorder.rect(); sideRect.setHeight(edges[BSTop].widthForPainting() + innerBorderAdjustment.y()); bool usePath = renderRadii && (borderStyleHasInnerDetail(edges[BSTop].style()) || borderWillArcInnerEdge(innerBorder.radii().topLeft(), innerBorder.radii().topRight())); paintOneBorderSide(graphicsContext, style, outerBorder, innerBorder, sideRect, BSTop, BSLeft, BSRight, edges, usePath ? &roundedPath : nullptr, bleedAvoidance, includeLogicalLeftEdge, includeLogicalRightEdge, antialias, overrideColor); } if (edges[BSBottom].shouldRender() && includesEdge(edgeSet, BSBottom)) { LayoutRect sideRect = outerBorder.rect(); sideRect.shiftYEdgeTo(sideRect.maxY() - edges[BSBottom].widthForPainting() - innerBorderAdjustment.y()); bool usePath = renderRadii && (borderStyleHasInnerDetail(edges[BSBottom].style()) || borderWillArcInnerEdge(innerBorder.radii().bottomLeft(), innerBorder.radii().bottomRight())); paintOneBorderSide(graphicsContext, style, outerBorder, innerBorder, sideRect, BSBottom, BSLeft, BSRight, edges, usePath ? &roundedPath : nullptr, bleedAvoidance, includeLogicalLeftEdge, includeLogicalRightEdge, antialias, overrideColor); } if (edges[BSLeft].shouldRender() && includesEdge(edgeSet, BSLeft)) { LayoutRect sideRect = outerBorder.rect(); sideRect.setWidth(edges[BSLeft].widthForPainting() + innerBorderAdjustment.x()); bool usePath = renderRadii && (borderStyleHasInnerDetail(edges[BSLeft].style()) || borderWillArcInnerEdge(innerBorder.radii().bottomLeft(), innerBorder.radii().topLeft())); paintOneBorderSide(graphicsContext, style, outerBorder, innerBorder, sideRect, BSLeft, BSTop, BSBottom, edges, usePath ? &roundedPath : nullptr, bleedAvoidance, includeLogicalLeftEdge, includeLogicalRightEdge, antialias, overrideColor); } if (edges[BSRight].shouldRender() && includesEdge(edgeSet, BSRight)) { LayoutRect sideRect = outerBorder.rect(); sideRect.shiftXEdgeTo(sideRect.maxX() - edges[BSRight].widthForPainting() - innerBorderAdjustment.x()); bool usePath = renderRadii && (borderStyleHasInnerDetail(edges[BSRight].style()) || borderWillArcInnerEdge(innerBorder.radii().bottomRight(), innerBorder.radii().topRight())); paintOneBorderSide(graphicsContext, style, outerBorder, innerBorder, sideRect, BSRight, BSTop, BSBottom, edges, usePath ? &roundedPath : nullptr, bleedAvoidance, includeLogicalLeftEdge, includeLogicalRightEdge, antialias, overrideColor); } } void RenderBoxModelObject::paintTranslucentBorderSides(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) { // willBeOverdrawn assumes that we draw in order: top, bottom, left, right. // This is different from BoxSide enum order. static const BoxSide paintOrder[] = { BSTop, BSBottom, BSLeft, BSRight }; while (edgesToDraw) { // Find undrawn edges sharing a color. Color commonColor; BorderEdgeFlags commonColorEdgeSet = 0; for (size_t i = 0; i < sizeof(paintOrder) / sizeof(paintOrder[0]); ++i) { BoxSide currSide = paintOrder[i]; if (!includesEdge(edgesToDraw, currSide)) continue; bool includeEdge; if (!commonColorEdgeSet) { commonColor = edges[currSide].color(); includeEdge = true; } else includeEdge = edges[currSide].color() == commonColor; if (includeEdge) commonColorEdgeSet |= edgeFlagForSide(currSide); } bool useTransparencyLayer = includesAdjacentEdges(commonColorEdgeSet) && commonColor.hasAlpha(); if (useTransparencyLayer) { graphicsContext.beginTransparencyLayer(static_cast(commonColor.alpha()) / 255); commonColor = Color(commonColor.red(), commonColor.green(), commonColor.blue()); } paintBorderSides(graphicsContext, style, outerBorder, innerBorder, innerBorderAdjustment, edges, commonColorEdgeSet, bleedAvoidance, includeLogicalLeftEdge, includeLogicalRightEdge, antialias, &commonColor); if (useTransparencyLayer) graphicsContext.endTransparencyLayer(); edgesToDraw &= ~commonColorEdgeSet; } } void RenderBoxModelObject::paintBorder(const PaintInfo& info, const LayoutRect& rect, const RenderStyle& style, BackgroundBleedAvoidance bleedAvoidance, bool includeLogicalLeftEdge, bool includeLogicalRightEdge) { GraphicsContext& graphicsContext = info.context(); if (graphicsContext.paintingDisabled()) return; if (rect.isEmpty()) return; // border-image is not affected by border-radius. if (paintNinePieceImage(graphicsContext, rect, style, style.borderImage())) return; BorderEdge edges[4]; BorderEdge::getBorderEdgeInfo(edges, style, document().deviceScaleFactor(), includeLogicalLeftEdge, includeLogicalRightEdge); RoundedRect outerBorder = style.getRoundedBorderFor(rect, includeLogicalLeftEdge, includeLogicalRightEdge); RoundedRect innerBorder = style.getRoundedInnerBorderFor(borderInnerRectAdjustedForBleedAvoidance(graphicsContext, rect, bleedAvoidance), includeLogicalLeftEdge, includeLogicalRightEdge); bool haveAlphaColor = false; bool haveAllSolidEdges = true; bool haveAllDoubleEdges = true; int numEdgesVisible = 4; bool allEdgesShareColor = true; int firstVisibleEdge = -1; BorderEdgeFlags edgesToDraw = 0; for (int i = BSTop; i <= BSLeft; ++i) { const BorderEdge& currEdge = edges[i]; if (edges[i].shouldRender()) edgesToDraw |= edgeFlagForSide(static_cast(i)); if (currEdge.presentButInvisible()) { --numEdgesVisible; allEdgesShareColor = false; continue; } if (!currEdge.widthForPainting()) { --numEdgesVisible; continue; } if (firstVisibleEdge == -1) firstVisibleEdge = i; else if (currEdge.color() != edges[firstVisibleEdge].color()) allEdgesShareColor = false; if (currEdge.color().hasAlpha()) haveAlphaColor = true; if (currEdge.style() != SOLID) haveAllSolidEdges = false; if (currEdge.style() != DOUBLE) haveAllDoubleEdges = false; } // If no corner intersects the clip region, we can pretend outerBorder is // rectangular to improve performance. if (haveAllSolidEdges && outerBorder.isRounded() && allCornersClippedOut(outerBorder, info.rect)) outerBorder.setRadii(RoundedRect::Radii()); float deviceScaleFactor = document().deviceScaleFactor(); // isRenderable() check avoids issue described in https://bugs.webkit.org/show_bug.cgi?id=38787 if ((haveAllSolidEdges || haveAllDoubleEdges) && allEdgesShareColor && innerBorder.isRenderable()) { // Fast path for drawing all solid edges and all unrounded double edges if (numEdgesVisible == 4 && (outerBorder.isRounded() || haveAlphaColor) && (haveAllSolidEdges || (!outerBorder.isRounded() && !innerBorder.isRounded()))) { Path path; FloatRoundedRect pixelSnappedOuterBorder = outerBorder.pixelSnappedRoundedRectForPainting(deviceScaleFactor); if (pixelSnappedOuterBorder.isRounded() && bleedAvoidance != BackgroundBleedUseTransparencyLayer) path.addRoundedRect(pixelSnappedOuterBorder); else path.addRect(pixelSnappedOuterBorder.rect()); if (haveAllDoubleEdges) { LayoutRect innerThirdRect = outerBorder.rect(); LayoutRect outerThirdRect = outerBorder.rect(); for (int side = BSTop; side <= BSLeft; ++side) { LayoutUnit outerWidth; LayoutUnit innerWidth; edges[side].getDoubleBorderStripeWidths(outerWidth, innerWidth); if (side == BSTop) { innerThirdRect.shiftYEdgeTo(innerThirdRect.y() + innerWidth); outerThirdRect.shiftYEdgeTo(outerThirdRect.y() + outerWidth); } else if (side == BSBottom) { innerThirdRect.setHeight(innerThirdRect.height() - innerWidth); outerThirdRect.setHeight(outerThirdRect.height() - outerWidth); } else if (side == BSLeft) { innerThirdRect.shiftXEdgeTo(innerThirdRect.x() + innerWidth); outerThirdRect.shiftXEdgeTo(outerThirdRect.x() + outerWidth); } else { innerThirdRect.setWidth(innerThirdRect.width() - innerWidth); outerThirdRect.setWidth(outerThirdRect.width() - outerWidth); } } FloatRoundedRect pixelSnappedOuterThird = outerBorder.pixelSnappedRoundedRectForPainting(deviceScaleFactor); pixelSnappedOuterThird.setRect(snapRectToDevicePixels(outerThirdRect, deviceScaleFactor)); if (pixelSnappedOuterThird.isRounded() && bleedAvoidance != BackgroundBleedUseTransparencyLayer) path.addRoundedRect(pixelSnappedOuterThird); else path.addRect(pixelSnappedOuterThird.rect()); FloatRoundedRect pixelSnappedInnerThird = innerBorder.pixelSnappedRoundedRectForPainting(deviceScaleFactor); pixelSnappedInnerThird.setRect(snapRectToDevicePixels(innerThirdRect, deviceScaleFactor)); if (pixelSnappedInnerThird.isRounded() && bleedAvoidance != BackgroundBleedUseTransparencyLayer) path.addRoundedRect(pixelSnappedInnerThird); else path.addRect(pixelSnappedInnerThird.rect()); } FloatRoundedRect pixelSnappedInnerBorder = innerBorder.pixelSnappedRoundedRectForPainting(deviceScaleFactor); if (pixelSnappedInnerBorder.isRounded()) path.addRoundedRect(pixelSnappedInnerBorder); else path.addRect(pixelSnappedInnerBorder.rect()); graphicsContext.setFillRule(RULE_EVENODD); graphicsContext.setFillColor(edges[firstVisibleEdge].color()); graphicsContext.fillPath(path); return; } // Avoid creating transparent layers if (haveAllSolidEdges && numEdgesVisible != 4 && !outerBorder.isRounded() && haveAlphaColor) { Path path; for (int i = BSTop; i <= BSLeft; ++i) { const BorderEdge& currEdge = edges[i]; if (currEdge.shouldRender()) { LayoutRect sideRect = calculateSideRect(outerBorder, edges, i); path.addRect(sideRect); } } graphicsContext.setFillRule(RULE_NONZERO); graphicsContext.setFillColor(edges[firstVisibleEdge].color()); graphicsContext.fillPath(path); return; } } bool clipToOuterBorder = outerBorder.isRounded(); GraphicsContextStateSaver stateSaver(graphicsContext, clipToOuterBorder); if (clipToOuterBorder) { // Clip to the inner and outer radii rects. if (bleedAvoidance != BackgroundBleedUseTransparencyLayer) graphicsContext.clipRoundedRect(outerBorder.pixelSnappedRoundedRectForPainting(deviceScaleFactor)); // isRenderable() check avoids issue described in https://bugs.webkit.org/show_bug.cgi?id=38787 // The inside will be clipped out later (in clipBorderSideForComplexInnerPath) if (innerBorder.isRenderable()) graphicsContext.clipOutRoundedRect(innerBorder.pixelSnappedRoundedRectForPainting(deviceScaleFactor)); } // If only one edge visible antialiasing doesn't create seams bool antialias = shouldAntialiasLines(graphicsContext) || numEdgesVisible == 1; RoundedRect unadjustedInnerBorder = (bleedAvoidance == BackgroundBleedBackgroundOverBorder) ? style.getRoundedInnerBorderFor(rect, includeLogicalLeftEdge, includeLogicalRightEdge) : innerBorder; IntPoint innerBorderAdjustment(innerBorder.rect().x() - unadjustedInnerBorder.rect().x(), innerBorder.rect().y() - unadjustedInnerBorder.rect().y()); if (haveAlphaColor) paintTranslucentBorderSides(graphicsContext, style, outerBorder, unadjustedInnerBorder, innerBorderAdjustment, edges, edgesToDraw, bleedAvoidance, includeLogicalLeftEdge, includeLogicalRightEdge, antialias); else paintBorderSides(graphicsContext, style, outerBorder, unadjustedInnerBorder, innerBorderAdjustment, edges, edgesToDraw, bleedAvoidance, includeLogicalLeftEdge, includeLogicalRightEdge, antialias); } void RenderBoxModelObject::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) { if (thickness <= 0) return; if (borderStyle == DOUBLE && thickness < 3) borderStyle = SOLID; switch (borderStyle) { case BNONE: case BHIDDEN: return; case DOTTED: case DASHED: { graphicsContext.setStrokeColor(color); // The stroke is doubled here because the provided path is the // outside edge of the border so half the stroke is clipped off. // The extra multiplier is so that the clipping mask can antialias // the edges to prevent jaggies. graphicsContext.setStrokeThickness(drawThickness * 2 * 1.1f); graphicsContext.setStrokeStyle(borderStyle == DASHED ? DashedStroke : DottedStroke); // If the number of dashes that fit in the path is odd and non-integral then we // will have an awkwardly-sized dash at the end of the path. To try to avoid that // here, we simply make the whitespace dashes ever so slightly bigger. // FIXME: This could be even better if we tried to manipulate the dash offset // and possibly the gapLength to get the corners dash-symmetrical. float dashLength = thickness * ((borderStyle == DASHED) ? 3.0f : 1.0f); float gapLength = dashLength; float numberOfDashes = borderPath.length() / dashLength; // Don't try to show dashes if we have less than 2 dashes + 2 gaps. // FIXME: should do this test per side. if (numberOfDashes >= 4) { bool evenNumberOfFullDashes = !((int)numberOfDashes % 2); bool integralNumberOfDashes = !(numberOfDashes - (int)numberOfDashes); if (!evenNumberOfFullDashes && !integralNumberOfDashes) { float numberOfGaps = numberOfDashes / 2; gapLength += (dashLength / numberOfGaps); } DashArray lineDash; lineDash.append(dashLength); lineDash.append(gapLength); graphicsContext.setLineDash(lineDash, dashLength); } // FIXME: stroking the border path causes issues with tight corners: // https://bugs.webkit.org/show_bug.cgi?id=58711 // Also, to get the best appearance we should stroke a path between the two borders. graphicsContext.strokePath(borderPath); return; } case DOUBLE: { // Get the inner border rects for both the outer border line and the inner border line LayoutUnit outerBorderTopWidth; LayoutUnit innerBorderTopWidth; edges[BSTop].getDoubleBorderStripeWidths(outerBorderTopWidth, innerBorderTopWidth); LayoutUnit outerBorderRightWidth; LayoutUnit innerBorderRightWidth; edges[BSRight].getDoubleBorderStripeWidths(outerBorderRightWidth, innerBorderRightWidth); LayoutUnit outerBorderBottomWidth; LayoutUnit innerBorderBottomWidth; edges[BSBottom].getDoubleBorderStripeWidths(outerBorderBottomWidth, innerBorderBottomWidth); LayoutUnit outerBorderLeftWidth; LayoutUnit innerBorderLeftWidth; edges[BSLeft].getDoubleBorderStripeWidths(outerBorderLeftWidth, innerBorderLeftWidth); // Draw inner border line { GraphicsContextStateSaver stateSaver(graphicsContext); RoundedRect innerClip = style.getRoundedInnerBorderFor(borderRect, innerBorderTopWidth, innerBorderBottomWidth, innerBorderLeftWidth, innerBorderRightWidth, includeLogicalLeftEdge, includeLogicalRightEdge); graphicsContext.clipRoundedRect(FloatRoundedRect(innerClip)); drawBoxSideFromPath(graphicsContext, borderRect, borderPath, edges, thickness, drawThickness, side, style, color, SOLID, bleedAvoidance, includeLogicalLeftEdge, includeLogicalRightEdge); } // Draw outer border line { GraphicsContextStateSaver stateSaver(graphicsContext); LayoutRect outerRect = borderRect; if (bleedAvoidance == BackgroundBleedUseTransparencyLayer) { outerRect.inflate(1); ++outerBorderTopWidth; ++outerBorderBottomWidth; ++outerBorderLeftWidth; ++outerBorderRightWidth; } RoundedRect outerClip = style.getRoundedInnerBorderFor(outerRect, outerBorderTopWidth, outerBorderBottomWidth, outerBorderLeftWidth, outerBorderRightWidth, includeLogicalLeftEdge, includeLogicalRightEdge); graphicsContext.clipOutRoundedRect(FloatRoundedRect(outerClip)); drawBoxSideFromPath(graphicsContext, borderRect, borderPath, edges, thickness, drawThickness, side, style, color, SOLID, bleedAvoidance, includeLogicalLeftEdge, includeLogicalRightEdge); } return; } case RIDGE: case GROOVE: { EBorderStyle s1; EBorderStyle s2; if (borderStyle == GROOVE) { s1 = INSET; s2 = OUTSET; } else { s1 = OUTSET; s2 = INSET; } // Paint full border drawBoxSideFromPath(graphicsContext, borderRect, borderPath, edges, thickness, drawThickness, side, style, color, s1, bleedAvoidance, includeLogicalLeftEdge, includeLogicalRightEdge); // Paint inner only GraphicsContextStateSaver stateSaver(graphicsContext); LayoutUnit topWidth = edges[BSTop].widthForPainting() / 2; LayoutUnit bottomWidth = edges[BSBottom].widthForPainting() / 2; LayoutUnit leftWidth = edges[BSLeft].widthForPainting() / 2; LayoutUnit rightWidth = edges[BSRight].widthForPainting() / 2; RoundedRect clipRect = style.getRoundedInnerBorderFor(borderRect, topWidth, bottomWidth, leftWidth, rightWidth, includeLogicalLeftEdge, includeLogicalRightEdge); graphicsContext.clipRoundedRect(FloatRoundedRect(clipRect)); drawBoxSideFromPath(graphicsContext, borderRect, borderPath, edges, thickness, drawThickness, side, style, color, s2, bleedAvoidance, includeLogicalLeftEdge, includeLogicalRightEdge); return; } case INSET: case OUTSET: calculateBorderStyleColor(borderStyle, side, color); break; default: break; } graphicsContext.setStrokeStyle(NoStroke); graphicsContext.setFillColor(color); graphicsContext.drawRect(snapRectToDevicePixels(borderRect, document().deviceScaleFactor())); } static void findInnerVertex(const FloatPoint& outerCorner, const FloatPoint& innerCorner, const FloatPoint& centerPoint, FloatPoint& result) { // If the line between outer and inner corner is towards the horizontal, intersect with a vertical line through the center, // otherwise with a horizontal line through the center. The points that form this line are arbitrary (we use 0, 100). // Note that if findIntersection fails, it will leave result untouched. float diffInnerOuterX = fabs(innerCorner.x() - outerCorner.x()); float diffInnerOuterY = fabs(innerCorner.y() - outerCorner.y()); float diffCenterOuterX = fabs(centerPoint.x() - outerCorner.x()); float diffCenterOuterY = fabs(centerPoint.y() - outerCorner.y()); if (diffInnerOuterY * diffCenterOuterX < diffCenterOuterY * diffInnerOuterX) findIntersection(outerCorner, innerCorner, FloatPoint(centerPoint.x(), 0), FloatPoint(centerPoint.x(), 100), result); else findIntersection(outerCorner, innerCorner, FloatPoint(0, centerPoint.y()), FloatPoint(100, centerPoint.y()), result); } void RenderBoxModelObject::clipBorderSidePolygon(GraphicsContext& graphicsContext, const RoundedRect& outerBorder, const RoundedRect& innerBorder, BoxSide side, bool firstEdgeMatches, bool secondEdgeMatches) { float deviceScaleFactor = document().deviceScaleFactor(); const FloatRect& outerRect = snapRectToDevicePixels(outerBorder.rect(), deviceScaleFactor); const FloatRect& innerRect = snapRectToDevicePixels(innerBorder.rect(), deviceScaleFactor); FloatPoint centerPoint(innerRect.location().x() + innerRect.width() / 2, innerRect.location().y() + innerRect.height() / 2); // For each side, create a quad that encompasses all parts of that side that may draw, // including areas inside the innerBorder. // // 0----------------3 // 0 \ / 0 // |\ 1----------- 2 /| // | 1 1 | // | | | | // | | | | // | 2 2 | // |/ 1------------2 \| // 3 / \ 3 // 0----------------3 // Vector quad; quad.reserveInitialCapacity(4); switch (side) { case BSTop: quad.uncheckedAppend(outerRect.minXMinYCorner()); quad.uncheckedAppend(innerRect.minXMinYCorner()); quad.uncheckedAppend(innerRect.maxXMinYCorner()); quad.uncheckedAppend(outerRect.maxXMinYCorner()); if (!innerBorder.radii().topLeft().isZero()) findInnerVertex(outerRect.minXMinYCorner(), innerRect.minXMinYCorner(), centerPoint, quad[1]); if (!innerBorder.radii().topRight().isZero()) findInnerVertex(outerRect.maxXMinYCorner(), innerRect.maxXMinYCorner(), centerPoint, quad[2]); break; case BSLeft: quad.uncheckedAppend(outerRect.minXMinYCorner()); quad.uncheckedAppend(innerRect.minXMinYCorner()); quad.uncheckedAppend(innerRect.minXMaxYCorner()); quad.uncheckedAppend(outerRect.minXMaxYCorner()); if (!innerBorder.radii().topLeft().isZero()) findInnerVertex(outerRect.minXMinYCorner(), innerRect.minXMinYCorner(), centerPoint, quad[1]); if (!innerBorder.radii().bottomLeft().isZero()) findInnerVertex(outerRect.minXMaxYCorner(), innerRect.minXMaxYCorner(), centerPoint, quad[2]); break; case BSBottom: quad.uncheckedAppend(outerRect.minXMaxYCorner()); quad.uncheckedAppend(innerRect.minXMaxYCorner()); quad.uncheckedAppend(innerRect.maxXMaxYCorner()); quad.uncheckedAppend(outerRect.maxXMaxYCorner()); if (!innerBorder.radii().bottomLeft().isZero()) findInnerVertex(outerRect.minXMaxYCorner(), innerRect.minXMaxYCorner(), centerPoint, quad[1]); if (!innerBorder.radii().bottomRight().isZero()) findInnerVertex(outerRect.maxXMaxYCorner(), innerRect.maxXMaxYCorner(), centerPoint, quad[2]); break; case BSRight: quad.uncheckedAppend(outerRect.maxXMinYCorner()); quad.uncheckedAppend(innerRect.maxXMinYCorner()); quad.uncheckedAppend(innerRect.maxXMaxYCorner()); quad.uncheckedAppend(outerRect.maxXMaxYCorner()); if (!innerBorder.radii().topRight().isZero()) findInnerVertex(outerRect.maxXMinYCorner(), innerRect.maxXMinYCorner(), centerPoint, quad[1]); if (!innerBorder.radii().bottomRight().isZero()) findInnerVertex(outerRect.maxXMaxYCorner(), innerRect.maxXMaxYCorner(), centerPoint, quad[2]); break; } // If the border matches both of its adjacent sides, don't anti-alias the clip, and // if neither side matches, anti-alias the clip. if (firstEdgeMatches == secondEdgeMatches) { bool wasAntialiased = graphicsContext.shouldAntialias(); graphicsContext.setShouldAntialias(!firstEdgeMatches); graphicsContext.clipPath(Path::polygonPathFromPoints(quad), RULE_NONZERO); graphicsContext.setShouldAntialias(wasAntialiased); return; } // Square off the end which shouldn't be affected by antialiasing, and clip. Vector firstQuad = { quad[0], quad[1], side == BSTop || side == BSBottom ? FloatPoint(quad[3].x(), quad[2].y()) : FloatPoint(quad[2].x(), quad[3].y()), quad[3] }; bool wasAntialiased = graphicsContext.shouldAntialias(); graphicsContext.setShouldAntialias(!firstEdgeMatches); graphicsContext.clipPath(Path::polygonPathFromPoints(firstQuad), RULE_NONZERO); Vector secondQuad = { quad[0], side == BSTop || side == BSBottom ? FloatPoint(quad[0].x(), quad[1].y()) : FloatPoint(quad[1].x(), quad[0].y()), quad[2], quad[3] }; // Antialiasing affects the second side. graphicsContext.setShouldAntialias(!secondEdgeMatches); graphicsContext.clipPath(Path::polygonPathFromPoints(secondQuad), RULE_NONZERO); graphicsContext.setShouldAntialias(wasAntialiased); } static LayoutRect calculateSideRectIncludingInner(const RoundedRect& outerBorder, const BorderEdge edges[], BoxSide side) { LayoutRect sideRect = outerBorder.rect(); LayoutUnit width; switch (side) { case BSTop: width = sideRect.height() - edges[BSBottom].widthForPainting(); sideRect.setHeight(width); break; case BSBottom: width = sideRect.height() - edges[BSTop].widthForPainting(); sideRect.shiftYEdgeTo(sideRect.maxY() - width); break; case BSLeft: width = sideRect.width() - edges[BSRight].widthForPainting(); sideRect.setWidth(width); break; case BSRight: width = sideRect.width() - edges[BSLeft].widthForPainting(); sideRect.shiftXEdgeTo(sideRect.maxX() - width); break; } return sideRect; } static RoundedRect calculateAdjustedInnerBorder(const RoundedRect&innerBorder, BoxSide side) { // Expand the inner border as necessary to make it a rounded rect (i.e. radii contained within each edge). // This function relies on the fact we only get radii not contained within each edge if one of the radii // for an edge is zero, so we can shift the arc towards the zero radius corner. RoundedRect::Radii newRadii = innerBorder.radii(); LayoutRect newRect = innerBorder.rect(); float overshoot; float maxRadii; switch (side) { case BSTop: overshoot = newRadii.topLeft().width() + newRadii.topRight().width() - newRect.width(); if (overshoot > 0) { ASSERT(!(newRadii.topLeft().width() && newRadii.topRight().width())); newRect.setWidth(newRect.width() + overshoot); if (!newRadii.topLeft().width()) newRect.move(-overshoot, 0); } newRadii.setBottomLeft(IntSize(0, 0)); newRadii.setBottomRight(IntSize(0, 0)); maxRadii = std::max(newRadii.topLeft().height(), newRadii.topRight().height()); if (maxRadii > newRect.height()) newRect.setHeight(maxRadii); break; case BSBottom: overshoot = newRadii.bottomLeft().width() + newRadii.bottomRight().width() - newRect.width(); if (overshoot > 0) { ASSERT(!(newRadii.bottomLeft().width() && newRadii.bottomRight().width())); newRect.setWidth(newRect.width() + overshoot); if (!newRadii.bottomLeft().width()) newRect.move(-overshoot, 0); } newRadii.setTopLeft(IntSize(0, 0)); newRadii.setTopRight(IntSize(0, 0)); maxRadii = std::max(newRadii.bottomLeft().height(), newRadii.bottomRight().height()); if (maxRadii > newRect.height()) { newRect.move(0, newRect.height() - maxRadii); newRect.setHeight(maxRadii); } break; case BSLeft: overshoot = newRadii.topLeft().height() + newRadii.bottomLeft().height() - newRect.height(); if (overshoot > 0) { ASSERT(!(newRadii.topLeft().height() && newRadii.bottomLeft().height())); newRect.setHeight(newRect.height() + overshoot); if (!newRadii.topLeft().height()) newRect.move(0, -overshoot); } newRadii.setTopRight(IntSize(0, 0)); newRadii.setBottomRight(IntSize(0, 0)); maxRadii = std::max(newRadii.topLeft().width(), newRadii.bottomLeft().width()); if (maxRadii > newRect.width()) newRect.setWidth(maxRadii); break; case BSRight: overshoot = newRadii.topRight().height() + newRadii.bottomRight().height() - newRect.height(); if (overshoot > 0) { ASSERT(!(newRadii.topRight().height() && newRadii.bottomRight().height())); newRect.setHeight(newRect.height() + overshoot); if (!newRadii.topRight().height()) newRect.move(0, -overshoot); } newRadii.setTopLeft(IntSize(0, 0)); newRadii.setBottomLeft(IntSize(0, 0)); maxRadii = std::max(newRadii.topRight().width(), newRadii.bottomRight().width()); if (maxRadii > newRect.width()) { newRect.move(newRect.width() - maxRadii, 0); newRect.setWidth(maxRadii); } break; } return RoundedRect(newRect, newRadii); } void RenderBoxModelObject::clipBorderSideForComplexInnerPath(GraphicsContext& graphicsContext, const RoundedRect& outerBorder, const RoundedRect& innerBorder, BoxSide side, const class BorderEdge edges[]) { graphicsContext.clip(calculateSideRectIncludingInner(outerBorder, edges, side)); graphicsContext.clipOutRoundedRect(FloatRoundedRect(calculateAdjustedInnerBorder(innerBorder, side))); } bool RenderBoxModelObject::borderObscuresBackgroundEdge(const FloatSize& contextScale) const { BorderEdge edges[4]; BorderEdge::getBorderEdgeInfo(edges, style(), document().deviceScaleFactor()); for (int i = BSTop; i <= BSLeft; ++i) { const BorderEdge& currEdge = edges[i]; // FIXME: for vertical text float axisScale = (i == BSTop || i == BSBottom) ? contextScale.height() : contextScale.width(); if (!currEdge.obscuresBackgroundEdge(axisScale)) return false; } return true; } bool RenderBoxModelObject::borderObscuresBackground() const { if (!style().hasBorder()) return false; // Bail if we have any border-image for now. We could look at the image alpha to improve this. if (style().borderImage().image()) return false; BorderEdge edges[4]; BorderEdge::getBorderEdgeInfo(edges, style(), document().deviceScaleFactor()); for (int i = BSTop; i <= BSLeft; ++i) { const BorderEdge& currEdge = edges[i]; if (!currEdge.obscuresBackground()) return false; } return true; } bool RenderBoxModelObject::boxShadowShouldBeAppliedToBackground(const LayoutPoint&, BackgroundBleedAvoidance bleedAvoidance, InlineFlowBox* inlineFlowBox) const { if (bleedAvoidance != BackgroundBleedNone) return false; if (style().hasAppearance()) return false; bool hasOneNormalBoxShadow = false; for (const ShadowData* currentShadow = style().boxShadow(); currentShadow; currentShadow = currentShadow->next()) { if (currentShadow->style() != Normal) continue; if (hasOneNormalBoxShadow) return false; hasOneNormalBoxShadow = true; if (currentShadow->spread()) return false; } if (!hasOneNormalBoxShadow) return false; Color backgroundColor = style().visitedDependentColor(CSSPropertyBackgroundColor); if (!backgroundColor.isValid() || backgroundColor.hasAlpha()) return false; const FillLayer* lastBackgroundLayer = style().backgroundLayers(); for (const FillLayer* next = lastBackgroundLayer->next(); next; next = lastBackgroundLayer->next()) lastBackgroundLayer = next; if (lastBackgroundLayer->clip() != BorderFillBox) return false; if (lastBackgroundLayer->image() && style().hasBorderRadius()) return false; if (inlineFlowBox && !inlineFlowBox->boxShadowCanBeAppliedToBackground(*lastBackgroundLayer)) return false; if (hasOverflowClip() && lastBackgroundLayer->attachment() == LocalBackgroundAttachment) return false; return true; } static inline LayoutRect areaCastingShadowInHole(const LayoutRect& holeRect, int shadowExtent, int shadowSpread, const IntSize& shadowOffset) { LayoutRect bounds(holeRect); bounds.inflate(shadowExtent); if (shadowSpread < 0) bounds.inflate(-shadowSpread); LayoutRect offsetBounds = bounds; offsetBounds.move(-shadowOffset); return unionRect(bounds, offsetBounds); } void RenderBoxModelObject::paintBoxShadow(const PaintInfo& info, const LayoutRect& paintRect, const RenderStyle& style, ShadowStyle shadowStyle, bool includeLogicalLeftEdge, bool includeLogicalRightEdge) { // FIXME: Deal with border-image. Would be great to use border-image as a mask. GraphicsContext& context = info.context(); if (context.paintingDisabled() || !style.boxShadow()) return; RoundedRect border = (shadowStyle == Inset) ? style.getRoundedInnerBorderFor(paintRect, includeLogicalLeftEdge, includeLogicalRightEdge) : style.getRoundedBorderFor(paintRect, includeLogicalLeftEdge, includeLogicalRightEdge); bool hasBorderRadius = style.hasBorderRadius(); bool isHorizontal = style.isHorizontalWritingMode(); float deviceScaleFactor = document().deviceScaleFactor(); bool hasOpaqueBackground = style.visitedDependentColor(CSSPropertyBackgroundColor).isValid() && style.visitedDependentColor(CSSPropertyBackgroundColor).alpha() == 255; for (const ShadowData* shadow = style.boxShadow(); shadow; shadow = shadow->next()) { if (shadow->style() != shadowStyle) continue; // FIXME: Add subpixel support for the shadow values. Soon after the shadow offset becomes fractional, // all the early snappings here need to be pushed to the actual painting operations. IntSize shadowOffset(shadow->x(), shadow->y()); int shadowRadius = shadow->radius(); int shadowPaintingExtent = shadow->paintingExtent(); int shadowSpread = shadow->spread(); if (shadowOffset.isZero() && !shadowRadius && !shadowSpread) continue; const Color& shadowColor = shadow->color(); if (shadow->style() == Normal) { RoundedRect fillRect = border; fillRect.inflate(shadowSpread); if (fillRect.isEmpty()) continue; FloatRect pixelSnappedShadowRect = snapRectToDevicePixels(border.rect(), deviceScaleFactor); pixelSnappedShadowRect.inflate(shadowPaintingExtent + shadowSpread); pixelSnappedShadowRect.move(shadowOffset); GraphicsContextStateSaver stateSaver(context); context.clip(pixelSnappedShadowRect); // Move the fill just outside the clip, adding 1 pixel separation so that the fill does not // bleed in (due to antialiasing) if the context is transformed. IntSize extraOffset(roundToInt(paintRect.width()) + std::max(0, shadowOffset.width()) + shadowPaintingExtent + 2 * shadowSpread + 1, 0); shadowOffset -= extraOffset; fillRect.move(extraOffset); if (shadow->isWebkitBoxShadow()) context.setLegacyShadow(shadowOffset, shadowRadius, shadowColor); else context.setShadow(shadowOffset, shadowRadius, shadowColor); FloatRoundedRect rectToClipOut = border.pixelSnappedRoundedRectForPainting(deviceScaleFactor); FloatRoundedRect pixelSnappedFillRect = fillRect.pixelSnappedRoundedRectForPainting(deviceScaleFactor); if (hasBorderRadius) { // If the box is opaque, it is unnecessary to clip it out. However, doing so saves time // when painting the shadow. On the other hand, it introduces subpixel gaps along the // corners. Those are avoided by insetting the clipping path by one pixel. if (hasOpaqueBackground) rectToClipOut.inflateWithRadii(LayoutUnit::fromPixel(-1)); if (!rectToClipOut.isEmpty()) context.clipOutRoundedRect(rectToClipOut); RoundedRect influenceRect(LayoutRect(pixelSnappedShadowRect), border.radii()); influenceRect.expandRadii(2 * shadowPaintingExtent + shadowSpread); if (allCornersClippedOut(influenceRect, info.rect)) context.fillRect(pixelSnappedFillRect.rect(), Color::black); else { pixelSnappedFillRect.expandRadii(shadowSpread); if (!pixelSnappedFillRect.isRenderable()) pixelSnappedFillRect.adjustRadii(); context.fillRoundedRect(pixelSnappedFillRect, Color::black); } } else { // If the box is opaque, it is unnecessary to clip it out. However, doing so saves time // when painting the shadow. On the other hand, it introduces subpixel gaps along the // edges if they are not pixel-aligned. Those are avoided by insetting the clipping path // by one pixel. if (hasOpaqueBackground) { // FIXME: The function to decide on the policy based on the transform should be a named function. // FIXME: It's not clear if this check is right. What about integral scale factors? AffineTransform transform = context.getCTM(); if (transform.a() != 1 || (transform.d() != 1 && transform.d() != -1) || transform.b() || transform.c()) rectToClipOut.inflate(LayoutUnit::fromPixel(-1).toFloat()); } if (!rectToClipOut.isEmpty()) context.clipOut(rectToClipOut.rect()); context.fillRect(pixelSnappedFillRect.rect(), Color::black); } } else { // Inset shadow. FloatRoundedRect pixelSnappedBorderRect = border.pixelSnappedRoundedRectForPainting(deviceScaleFactor); FloatRect pixelSnappedHoleRect = pixelSnappedBorderRect.rect(); pixelSnappedHoleRect.inflate(-shadowSpread); if (pixelSnappedHoleRect.isEmpty()) { if (hasBorderRadius) context.fillRoundedRect(pixelSnappedBorderRect, shadowColor); else context.fillRect(pixelSnappedBorderRect.rect(), shadowColor); continue; } if (!includeLogicalLeftEdge) { if (isHorizontal) { pixelSnappedHoleRect.move(-std::max(shadowOffset.width(), 0) - shadowPaintingExtent, 0); pixelSnappedHoleRect.setWidth(pixelSnappedHoleRect.width() + std::max(shadowOffset.width(), 0) + shadowPaintingExtent); } else { pixelSnappedHoleRect.move(0, -std::max(shadowOffset.height(), 0) - shadowPaintingExtent); pixelSnappedHoleRect.setHeight(pixelSnappedHoleRect.height() + std::max(shadowOffset.height(), 0) + shadowPaintingExtent); } } if (!includeLogicalRightEdge) { if (isHorizontal) pixelSnappedHoleRect.setWidth(pixelSnappedHoleRect.width() - std::min(shadowOffset.width(), 0) + shadowPaintingExtent); else pixelSnappedHoleRect.setHeight(pixelSnappedHoleRect.height() - std::min(shadowOffset.height(), 0) + shadowPaintingExtent); } Color fillColor(shadowColor.red(), shadowColor.green(), shadowColor.blue(), 255); FloatRect pixelSnappedOuterRect = snapRectToDevicePixels(areaCastingShadowInHole(LayoutRect(pixelSnappedBorderRect.rect()), shadowPaintingExtent, shadowSpread, shadowOffset), deviceScaleFactor); FloatRoundedRect pixelSnappedRoundedHole = FloatRoundedRect(pixelSnappedHoleRect, pixelSnappedBorderRect.radii()); GraphicsContextStateSaver stateSaver(context); if (hasBorderRadius) { context.clipRoundedRect(pixelSnappedBorderRect); pixelSnappedRoundedHole.shrinkRadii(shadowSpread); } else context.clip(pixelSnappedBorderRect.rect()); IntSize extraOffset(2 * roundToInt(paintRect.width()) + std::max(0, shadowOffset.width()) + shadowPaintingExtent - 2 * shadowSpread + 1, 0); context.translate(extraOffset.width(), extraOffset.height()); shadowOffset -= extraOffset; if (shadow->isWebkitBoxShadow()) context.setLegacyShadow(shadowOffset, shadowRadius, shadowColor); else context.setShadow(shadowOffset, shadowRadius, shadowColor); context.fillRectWithRoundedHole(pixelSnappedOuterRect, pixelSnappedRoundedHole, fillColor); } } } LayoutUnit RenderBoxModelObject::containingBlockLogicalWidthForContent() const { return containingBlock()->availableLogicalWidth(); } RenderBoxModelObject* RenderBoxModelObject::continuation() const { if (!hasContinuation()) return nullptr; return continuationMap().get(this); } void RenderBoxModelObject::setContinuation(RenderBoxModelObject* continuation) { if (continuation) continuationMap().set(this, continuation); else if (hasContinuation()) continuationMap().remove(this); setHasContinuation(!!continuation); } RenderTextFragment* RenderBoxModelObject::firstLetterRemainingText() const { if (!firstLetterRemainingTextMap) return nullptr; return firstLetterRemainingTextMap->get(this); } void RenderBoxModelObject::setFirstLetterRemainingText(RenderTextFragment* remainingText) { if (remainingText) { if (!firstLetterRemainingTextMap) firstLetterRemainingTextMap = new FirstLetterRemainingTextMap; firstLetterRemainingTextMap->set(this, remainingText); } else if (firstLetterRemainingTextMap) firstLetterRemainingTextMap->remove(this); } LayoutRect RenderBoxModelObject::localCaretRectForEmptyElement(LayoutUnit width, LayoutUnit textIndentOffset) { ASSERT(!firstChild()); // FIXME: This does not take into account either :first-line or :first-letter // However, as soon as some content is entered, the line boxes will be // constructed and this kludge is not called any more. So only the caret size // of an empty :first-line'd block is wrong. I think we can live with that. const RenderStyle& currentStyle = firstLineStyle(); LayoutUnit height = lineHeight(true, currentStyle.isHorizontalWritingMode() ? HorizontalLine : VerticalLine); enum CaretAlignment { alignLeft, alignRight, alignCenter }; CaretAlignment alignment = alignLeft; switch (currentStyle.textAlign()) { case LEFT: case WEBKIT_LEFT: break; case CENTER: case WEBKIT_CENTER: alignment = alignCenter; break; case RIGHT: case WEBKIT_RIGHT: alignment = alignRight; break; case JUSTIFY: case TASTART: if (!currentStyle.isLeftToRightDirection()) alignment = alignRight; break; case TAEND: if (currentStyle.isLeftToRightDirection()) alignment = alignRight; break; } LayoutUnit x = borderLeft() + paddingLeft(); LayoutUnit maxX = width - borderRight() - paddingRight(); switch (alignment) { case alignLeft: if (currentStyle.isLeftToRightDirection()) x += textIndentOffset; break; case alignCenter: x = (x + maxX) / 2; if (currentStyle.isLeftToRightDirection()) x += textIndentOffset / 2; else x -= textIndentOffset / 2; break; case alignRight: x = maxX - caretWidth; if (!currentStyle.isLeftToRightDirection()) x -= textIndentOffset; break; } x = std::min(x, std::max(maxX - caretWidth, 0)); LayoutUnit y = paddingTop() + borderTop(); return currentStyle.isHorizontalWritingMode() ? LayoutRect(x, y, caretWidth, height) : LayoutRect(y, x, height, caretWidth); } bool RenderBoxModelObject::shouldAntialiasLines(GraphicsContext& context) { // FIXME: We may want to not antialias when scaled by an integral value, // and we may want to antialias when translated by a non-integral value. return !context.getCTM().isIdentityOrTranslationOrFlipped(); } void RenderBoxModelObject::mapAbsoluteToLocalPoint(MapCoordinatesFlags mode, TransformState& transformState) const { RenderElement* container = this->container(); if (!container) return; // FIXME: This code is wrong for named flow threads since it only works for content in the first region. // We also don't want to run it for multicolumn flow threads, since we can use our knowledge of column // geometry to actually get a better result. // The point inside a box that's inside a region has its coordinates relative to the region, // not the FlowThread that is its container in the RenderObject tree. if (is(*this) && container->isOutOfFlowRenderFlowThread()) { RenderRegion* startRegion = nullptr; RenderRegion* endRegion = nullptr; if (downcast(*container).getRegionRangeForBox(downcast(this), startRegion, endRegion)) container = startRegion; } container->mapAbsoluteToLocalPoint(mode, transformState); LayoutSize containerOffset = offsetFromContainer(*container, LayoutPoint()); bool preserve3D = mode & UseTransforms && (container->style().preserves3D() || style().preserves3D()); if (mode & UseTransforms && shouldUseTransformFromContainer(container)) { TransformationMatrix t; getTransformFromContainer(container, containerOffset, t); transformState.applyTransform(t, preserve3D ? TransformState::AccumulateTransform : TransformState::FlattenTransform); } else transformState.move(containerOffset.width(), containerOffset.height(), preserve3D ? TransformState::AccumulateTransform : TransformState::FlattenTransform); } void RenderBoxModelObject::moveChildTo(RenderBoxModelObject* toBoxModelObject, RenderObject* child, RenderObject* beforeChild, bool fullRemoveInsert) { // We assume that callers have cleared their positioned objects list for child moves (!fullRemoveInsert) so the // positioned renderer maps don't become stale. It would be too slow to do the map lookup on each call. ASSERT(!fullRemoveInsert || !is(*this) || !downcast(*this).hasPositionedObjects()); ASSERT(this == child->parent()); ASSERT(!beforeChild || toBoxModelObject == beforeChild->parent()); if (fullRemoveInsert && (toBoxModelObject->isRenderBlock() || toBoxModelObject->isRenderInline())) { // Takes care of adding the new child correctly if toBlock and fromBlock // have different kind of children (block vs inline). removeChildInternal(*child, NotifyChildren); toBoxModelObject->addChild(child, beforeChild); } else { NotifyChildrenType notifyType = fullRemoveInsert ? NotifyChildren : DontNotifyChildren; removeChildInternal(*child, notifyType); toBoxModelObject->insertChildInternal(child, beforeChild, notifyType); } } void RenderBoxModelObject::moveChildrenTo(RenderBoxModelObject* toBoxModelObject, RenderObject* startChild, RenderObject* endChild, RenderObject* beforeChild, bool fullRemoveInsert) { // This condition is rarely hit since this function is usually called on // anonymous blocks which can no longer carry positioned objects (see r120761) // or when fullRemoveInsert is false. if (fullRemoveInsert && is(*this)) { downcast(*this).removePositionedObjects(nullptr); if (is(*this)) downcast(*this).removeFloatingObjects(); } ASSERT(!beforeChild || toBoxModelObject == beforeChild->parent()); for (RenderObject* child = startChild; child && child != endChild; ) { // Save our next sibling as moveChildTo will clear it. RenderObject* nextSibling = child->nextSibling(); // FIXME: This logic here fails to detect the first letter in certain cases // and skips a valid sibling renderer (see webkit.org/b/163737). // Check to make sure we're not saving the firstLetter as the nextSibling. // When the |child| object will be moved, its firstLetter will be recreated, // so saving it now in nextSibling would leave us with a stale object. if (is(*child) && is(nextSibling)) { RenderObject* firstLetterObj = nullptr; if (RenderBlock* block = downcast(*child).blockForAccompanyingFirstLetter()) { RenderElement* firstLetterContainer = nullptr; block->getFirstLetter(firstLetterObj, firstLetterContainer, child); } // This is the first letter, skip it. if (firstLetterObj == nextSibling) nextSibling = nextSibling->nextSibling(); } moveChildTo(toBoxModelObject, child, beforeChild, fullRemoveInsert); child = nextSibling; } } } // namespace WebCore