mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-12-01 00:32:11 +00:00
Bug 1193586 - Fix scaling of patterns with viewBoxes that are not at the origin r=emilio
Differential Revision: https://phabricator.services.mozilla.com/D176462
This commit is contained in:
parent
973159afeb
commit
26b601bb79
@ -334,7 +334,7 @@ fuzzy(0-1,0-6400) == mask-type-04.svg mask-type-01-ref.svg
|
||||
fuzzy(0-3,0-448000) == nesting-invalid-01.svg nesting-invalid-01-ref.svg
|
||||
|
||||
fuzzy(0-2,0-1000) == non-scaling-stroke-01.svg non-scaling-stroke-01-ref.svg # bug 1074161 for Win7 and OSX 10.8
|
||||
fuzzy-if(gtkWidget,0-1,0-99) fuzzy-if(!contentSameGfxBackendAsCanvas,0-9,0-99) fuzzy-if(Android,0-9,0-586) fails-if(useDrawSnapshot) == non-scaling-stroke-02.svg non-scaling-stroke-02-ref.svg
|
||||
fuzzy(0-51,0-900) fuzzy-if(Android,0-51,0-4090) fails-if(useDrawSnapshot) == non-scaling-stroke-02.svg non-scaling-stroke-02-ref.svg
|
||||
== non-scaling-stroke-03.svg non-scaling-stroke-03-ref.svg
|
||||
|
||||
== objectBoundingBox-and-clipPath.svg pass.svg
|
||||
@ -392,15 +392,15 @@ fuzzy(0-1,0-400) == path-06.svg path-06-ref.svg
|
||||
fuzzy(0-128,0-100) == pattern-big-image.html pattern-big-image-ref.html
|
||||
== pattern-css-transform.html pattern-css-transform-ref.html
|
||||
== pattern-invalid-01.svg pattern-invalid-01-ref.svg
|
||||
fuzzy(0-1,0-5) == pattern-live-01a.svg pattern-live-01-ref.svg
|
||||
fuzzy(0-1,0-5) == pattern-live-01b.svg pattern-live-01-ref.svg
|
||||
fuzzy(0-1,0-5) == pattern-live-01c.svg pattern-live-01-ref.svg
|
||||
== pattern-live-01a.svg pattern-live-01-ref.svg
|
||||
== pattern-live-01b.svg pattern-live-01-ref.svg
|
||||
== pattern-live-01c.svg pattern-live-01-ref.svg
|
||||
== pattern-scale-01a.svg pattern-scale-01-ref.svg
|
||||
== pattern-scale-01b.svg pattern-scale-01-ref.svg
|
||||
== pattern-scale-01c.svg pattern-scale-01-ref.svg
|
||||
== pattern-transform-presence-01.svg pattern-transform-presence-01-ref.svg
|
||||
fuzzy(0-72,0-865) == pattern-transformed-01.svg pattern-transformed-01-ref.svg
|
||||
fuzzy(0-27,0-7960) fuzzy-if(Android,0-28,0-11200) == pattern-transformed-02.svg pattern-transformed-02-ref.svg
|
||||
== pattern-transformed-01.svg pattern-transformed-01-ref.svg
|
||||
fuzzy(0-27,0-9058) == pattern-transformed-02.svg pattern-transformed-02-ref.svg
|
||||
|
||||
== polygon-01.svg polygon-01-ref.svg
|
||||
== polygon-marker-01.svg pass.svg
|
||||
@ -588,7 +588,7 @@ test-pref(svg.use-element.graphics-element-restrictions,1) ref-pref(svg.use-elem
|
||||
|
||||
== viewBox-and-pattern-01.svg pass.svg
|
||||
== viewBox-and-pattern-02.svg pass.svg
|
||||
fuzzy(0-43,0-5) == viewBox-and-pattern-03.svg pass.svg
|
||||
== viewBox-and-pattern-03.svg pass.svg
|
||||
== viewBox-and-pattern-04.svg pass.svg
|
||||
== viewBox-and-symbol-01.svg pass.svg
|
||||
== viewBox-invalid-01.svg pass.svg
|
||||
|
@ -186,7 +186,7 @@ fuzzy-if(winWidget,0-105,0-56) == clipPath-content.svg clipPath-content-ref.svg
|
||||
fuzzy-if(winWidget,0-53,0-112) == clipPath-content-2.svg clipPath-content-2-ref.svg
|
||||
|
||||
# text and patterns
|
||||
fuzzy(0-74,0-385) fuzzy-if(geckoview,0-49,0-1793) == pattern-content.svg pattern-content-ref.svg
|
||||
== pattern-content.svg pattern-content-ref.svg
|
||||
|
||||
# text and filters
|
||||
fuzzy-if(winWidget,0-126,0-336) == filter-applied.svg filter-applied-ref.svg
|
||||
|
@ -149,8 +149,10 @@ static bool IncludeBBoxScale(const SVGAnimatedViewBox& aViewBox,
|
||||
|
||||
// Given the matrix for the pattern element's own transform, this returns a
|
||||
// combined matrix including the transforms applicable to its target.
|
||||
static Matrix GetPatternMatrix(uint16_t aPatternUnits,
|
||||
const Matrix& patternTransform,
|
||||
static Matrix GetPatternMatrix(nsIFrame* aSource,
|
||||
const StyleSVGPaint nsStyleSVG::*aFillOrStroke,
|
||||
uint16_t aPatternUnits,
|
||||
const gfxMatrix& patternTransform,
|
||||
const gfxRect& bbox, const gfxRect& callerBBox,
|
||||
const Matrix& callerCTM) {
|
||||
// We really want the pattern matrix to handle translations
|
||||
@ -162,12 +164,20 @@ static Matrix GetPatternMatrix(uint16_t aPatternUnits,
|
||||
miny += callerBBox.Y();
|
||||
}
|
||||
|
||||
float scale = 1.0f / MaxExpansion(callerCTM);
|
||||
Matrix patternMatrix = patternTransform;
|
||||
patternMatrix.PreScale(scale, scale);
|
||||
double scale = 1.0 / MaxExpansion(callerCTM);
|
||||
auto patternMatrix = patternTransform;
|
||||
patternMatrix.PostScale(scale, scale);
|
||||
patternMatrix.PreTranslate(minx, miny);
|
||||
|
||||
return patternMatrix;
|
||||
// revert the vector effect transform so that the pattern appears unchanged
|
||||
if (aFillOrStroke == &nsStyleSVG::mStroke) {
|
||||
gfxMatrix userToOuterSVG;
|
||||
if (SVGUtils::GetNonScalingStrokeTransform(aSource, &userToOuterSVG)) {
|
||||
patternMatrix *= userToOuterSVG;
|
||||
}
|
||||
}
|
||||
|
||||
return ToMatrix(patternMatrix);
|
||||
}
|
||||
|
||||
static nsresult GetTargetGeometry(gfxRect* aBBox,
|
||||
@ -280,31 +290,20 @@ already_AddRefed<SourceSurface> SVGPatternFrame::PaintPattern(
|
||||
}
|
||||
|
||||
// Get the pattern transform
|
||||
Matrix patternTransform = ToMatrix(GetPatternTransform());
|
||||
|
||||
// revert the vector effect transform so that the pattern appears unchanged
|
||||
if (aFillOrStroke == &nsStyleSVG::mStroke) {
|
||||
gfxMatrix userToOuterSVG;
|
||||
if (SVGUtils::GetNonScalingStrokeTransform(aSource, &userToOuterSVG)) {
|
||||
patternTransform *= ToMatrix(userToOuterSVG);
|
||||
if (patternTransform.IsSingular()) {
|
||||
NS_WARNING("Singular matrix painting non-scaling-stroke");
|
||||
return nullptr;
|
||||
}
|
||||
}
|
||||
}
|
||||
auto patternTransform = GetPatternTransform();
|
||||
|
||||
// Get the transformation matrix that we will hand to the renderer's pattern
|
||||
// routine.
|
||||
*patternMatrix = GetPatternMatrix(patternUnits, patternTransform, bbox,
|
||||
callerBBox, aContextMatrix);
|
||||
*patternMatrix =
|
||||
GetPatternMatrix(aSource, aFillOrStroke, patternUnits, patternTransform,
|
||||
bbox, callerBBox, aContextMatrix);
|
||||
if (patternMatrix->IsSingular()) {
|
||||
return nullptr;
|
||||
}
|
||||
|
||||
// Now that we have all of the necessary geometries, we can
|
||||
// create our surface.
|
||||
gfxSize scaledSize = bbox.Size() * MaxExpansion(patternTransform);
|
||||
gfxSize scaledSize = bbox.Size() * MaxExpansion(ToMatrix(patternTransform));
|
||||
|
||||
bool resultOverflows;
|
||||
IntSize surfaceSize =
|
||||
@ -321,7 +320,7 @@ already_AddRefed<SourceSurface> SVGPatternFrame::PaintPattern(
|
||||
if (resultOverflows || patternWidth != surfaceSize.width ||
|
||||
patternHeight != surfaceSize.height) {
|
||||
// scale drawing to pattern surface size
|
||||
patternWithChildren->mCTM->PreScale(surfaceSize.width / patternWidth,
|
||||
patternWithChildren->mCTM->PostScale(surfaceSize.width / patternWidth,
|
||||
surfaceSize.height / patternHeight);
|
||||
|
||||
// and rescale pattern to compensate
|
||||
|
@ -0,0 +1,17 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 5669 5669" xmlns:html="http://www.w3.org/1999/xhtml">
|
||||
<g id="testmeta">
|
||||
<title>Pattern: viewBox with x offset</title>
|
||||
<html:link rel="help"
|
||||
href="https://www.w3.org/TR/SVG2/pservers.html#Patterns"/>
|
||||
<html:link rel="match" href="reference/pattern-viewbox-01-ref.svg"/>
|
||||
</g>
|
||||
<pattern width="2258.997" height="1289.823" patternUnits="userSpaceOnUse" id="pattern"
|
||||
viewBox="752.999 0 2258.997 1289.823" patternTransform="scale(0.5)">
|
||||
<g transform="translate(0,1934.735)" fill="none" stroke="black" stroke-width="10">
|
||||
<rect x="752.999" y="-1934.735" width="2258.997" height="1289.823"/>
|
||||
<circle cx="1882.4975" cy="-1289.8235" r="644.9115"/>
|
||||
</g>
|
||||
</pattern>
|
||||
<rect width="100%" height="100%" fill="url(#pattern)"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 832 B |
@ -0,0 +1,10 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 5669 5669">
|
||||
<pattern width="2258.997" height="1289.823" patternUnits="userSpaceOnUse" id="pattern"
|
||||
viewBox="0 0 2258.997 1289.823" patternTransform="scale(0.5)">
|
||||
<g transform="translate(-752.999, 1934.735)" fill="none" stroke="black" stroke-width="10">
|
||||
<rect x="752.999" y="-1934.735" width="2258.997" height="1289.823"/>
|
||||
<circle cx="1882.4975" cy="-1289.8235" r="644.9115"/>
|
||||
</g>
|
||||
</pattern>
|
||||
<rect width="100%" height="100%" fill="url(#pattern)"/>
|
||||
</svg>
|
After Width: | Height: | Size: 546 B |
Loading…
Reference in New Issue
Block a user