zoriya/react-native-svg
1
0
Fork 0
mirror of https://github.com/zoriya/react-native-svg.git synced 2026-05-13 07:41:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

Seemingly pixel-perfect rendering of toap examples from svg spec.

Browse Source 
Set paint flags for anti-alias, kerning for text, subpixel positioning of text.
Add half of width of glyph to distance calculation for mBezierTransformer.getTransformAtDistance and preTranslate the glyph corresponding amount backwards (gives correct angles on glyphs when rendering text on a path)
Add magical constant ratios of 1.2 into getBezierTransformer and getGlyphPointFromContext calls (should probably be based on some dpi ratio calculation)
This commit is contained in:
Mikael Sand
2017-06-19 22:04:12 +03:00
parent fe1b9b2ea8
commit b094bc80f0
3 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
android/src/main/java/com/horcrux/svg/SvgViewShadowNode.java
View File

@@ -16,6 +16,7 @@ import android.graphics.Paint;
import android.graphics.Point;
import android.graphics.Rect;
import android.graphics.RectF;
import android.graphics.Typeface;
import android.util.Base64;
import com.facebook.react.uimanager.DisplayMetricsHolder;
@@ -135,6 +136,10 @@ public class SvgViewShadowNode extends LayoutShadowNode {
Paint paint = new Paint();
paint.setFlags(Paint.ANTI_ALIAS_FLAG | Paint.DEV_KERN_TEXT_FLAG | Paint.SUBPIXEL_TEXT_FLAG);
paint.setTypeface(Typeface.DEFAULT);
for (int i = 0; i < getChildCount(); i++) {
if (!(getChildAt(i) instanceof VirtualNode)) {
continue;

6
android/src/main/java/com/horcrux/svg/TSpanShadowNode.java
View File

@@ -101,12 +101,12 @@ public class TSpanShadowNode extends TextShadowNode {
paint.getTextPath(letter, 0, 1, 0, 0, glyph);
PointF glyphDelta = getGlyphDeltaFromContext();
PointF glyphPoint = getGlyphPointFromContext(glyphPosition, width);
PointF glyphPoint = getGlyphPointFromContext(glyphPosition * 1.2f, width);
glyphPosition += width;
Matrix matrix = new Matrix();
if (mBezierTransformer != null) {
matrix = mBezierTransformer.getTransformAtDistance(glyphPoint.x + glyphDelta.x);
matrix = mBezierTransformer.getTransformAtDistance(glyphPoint.x + glyphDelta.x + width / 2);
if (textPathHasReachedEnd()) {
break;
@@ -114,7 +114,7 @@ public class TSpanShadowNode extends TextShadowNode {
continue;
}
matrix.preTranslate(0, glyphDelta.y);
matrix.preTranslate(-width / 2, glyphDelta.y);
matrix.postTranslate(0, glyphPoint.y);
} else {
matrix.setTranslate(glyphPoint.x + glyphDelta.x, glyphPoint.y + glyphDelta.y);

2
android/src/main/java/com/horcrux/svg/TextPathShadowNode.java
View File

@@ -52,7 +52,7 @@ public class TextPathShadowNode extends TextShadowNode {
}
PathShadowNode path = (PathShadowNode)template;
return new BezierTransformer(path.getBezierCurves(), relativeOnWidth(mStartOffset));
return new BezierTransformer(path.getBezierCurves(), relativeOnWidth(mStartOffset) / 1.2f);
}
@Override