treewide: dart format + analyze + some other fixes
This commit is contained in:
@@ -8,10 +8,11 @@ class Point {
|
||||
const Point.from({this.x = 0, this.y = 0});
|
||||
static const zero = Point(0, 0);
|
||||
|
||||
operator +(covariant Point p) => Point(x + p.x, y + p.y);
|
||||
operator -(covariant Point p) => Point(x - p.x, y - p.y);
|
||||
operator *(covariant Point p) => Point(x * p.x, y * p.y);
|
||||
operator /(covariant Point p) => Point(x / p.x, y / p.y);
|
||||
Point operator +(covariant Point p) => Point(x + p.x, y + p.y);
|
||||
Point operator -(covariant Point p) => Point(x - p.x, y - p.y);
|
||||
Point operator *(covariant Point p) => Point(x * p.x, y * p.y);
|
||||
Point operator /(covariant Point p) => Point(x / p.x, y / p.y);
|
||||
Point operator -() => Point(-x, -y);
|
||||
|
||||
@override
|
||||
bool operator ==(Object other) =>
|
||||
|
@@ -1,4 +1,4 @@
|
||||
library kanimaji;
|
||||
library;
|
||||
|
||||
/// A Calculator.
|
||||
class Calculator {
|
||||
|
@@ -6,21 +6,19 @@ import '../common/point.dart';
|
||||
|
||||
import 'bezier_cubic.dart' as bezier_cubic;
|
||||
import 'package:xml/xml.dart';
|
||||
import 'package:path/path.dart';
|
||||
|
||||
double _computePathLength(String path) =>
|
||||
parsePath(path).size(error: 1e-8).toDouble();
|
||||
|
||||
String _shescape(String path) =>
|
||||
"'${path.replaceAll(RegExp(r"(?=['\\\\])"), "\\\\")}'";
|
||||
// String _shescape(String path) =>
|
||||
// "'${path.replaceAll(RegExp(r"(?=['\\\\])"), "\\\\")}'";
|
||||
|
||||
extension _Dedent on String {
|
||||
String get dedented {
|
||||
final withoutEmptyLines =
|
||||
this.split('\n').where((l) => l.isNotEmpty).toList();
|
||||
final withoutEmptyLines = split('\n').where((l) => l.isNotEmpty).toList();
|
||||
final whitespaceAmounts = [
|
||||
for (final line in withoutEmptyLines)
|
||||
line.split('').takeWhile((c) => c == ' ').length
|
||||
line.split('').takeWhile((c) => c == ' ').length,
|
||||
];
|
||||
final whitespaceToRemove = whitespaceAmounts.reduce(min);
|
||||
return withoutEmptyLines
|
||||
@@ -63,40 +61,34 @@ const pt2 = Point(1, 1);
|
||||
// class {
|
||||
// }
|
||||
|
||||
enum TimingFunction {
|
||||
linear,
|
||||
ease,
|
||||
easeIn,
|
||||
easeInOut,
|
||||
easeOut,
|
||||
}
|
||||
enum TimingFunction { linear, ease, easeIn, easeInOut, easeOut }
|
||||
|
||||
extension Funcs on TimingFunction {
|
||||
double Function(double) get func => {
|
||||
TimingFunction.linear: (double x) => x,
|
||||
TimingFunction.ease: (double x) =>
|
||||
bezier_cubic.value(pt1, easeCt1, easeCt2, pt2, x),
|
||||
TimingFunction.easeIn: (double x) =>
|
||||
bezier_cubic.value(pt1, easeInCt1, easeInCt2, pt2, x),
|
||||
TimingFunction.easeInOut: (double x) =>
|
||||
bezier_cubic.value(pt1, easeInOutCt1, easeInOutCt2, pt2, x),
|
||||
TimingFunction.easeOut: (double x) =>
|
||||
bezier_cubic.value(pt1, easeOutCt1, easeOutCt2, pt2, x),
|
||||
}[this]!;
|
||||
TimingFunction.linear: (double x) => x,
|
||||
TimingFunction.ease: (double x) =>
|
||||
bezier_cubic.value(pt1, easeCt1, easeCt2, pt2, x),
|
||||
TimingFunction.easeIn: (double x) =>
|
||||
bezier_cubic.value(pt1, easeInCt1, easeInCt2, pt2, x),
|
||||
TimingFunction.easeInOut: (double x) =>
|
||||
bezier_cubic.value(pt1, easeInOutCt1, easeInOutCt2, pt2, x),
|
||||
TimingFunction.easeOut: (double x) =>
|
||||
bezier_cubic.value(pt1, easeOutCt1, easeOutCt2, pt2, x),
|
||||
}[this]!;
|
||||
|
||||
String get name => {
|
||||
TimingFunction.linear: 'linear',
|
||||
TimingFunction.ease: 'ease',
|
||||
TimingFunction.easeIn: 'ease-in',
|
||||
TimingFunction.easeInOut: 'ease-in-out',
|
||||
TimingFunction.easeOut: 'ease-out',
|
||||
}[this]!;
|
||||
TimingFunction.linear: 'linear',
|
||||
TimingFunction.ease: 'ease',
|
||||
TimingFunction.easeIn: 'ease-in',
|
||||
TimingFunction.easeInOut: 'ease-in-out',
|
||||
TimingFunction.easeOut: 'ease-out',
|
||||
}[this]!;
|
||||
}
|
||||
|
||||
// we will need this to deal with svg
|
||||
const namespaces = {
|
||||
'n': 'http://www.w3.org/2000/svg',
|
||||
'xlink': 'http://www.w3.org/1999/xlink'
|
||||
'xlink': 'http://www.w3.org/1999/xlink',
|
||||
};
|
||||
// etree.register_namespace("xlink","http://www.w3.org/1999/xlink")
|
||||
// final parser = etree.XMLParser(remove_blank_text=true);
|
||||
@@ -124,26 +116,36 @@ double timeRescale(interval) => pow(2 * interval, 2.0 / 3).toDouble();
|
||||
|
||||
/// clear all extra elements this program may have previously added
|
||||
void clearPreviousElements(XmlDocument doc) {
|
||||
for (final XmlNode el in doc
|
||||
.getElement('svg', namespace: namespaces['n'])
|
||||
?.getElement('style', namespace: namespaces['n'])
|
||||
?.children ??
|
||||
[]) {
|
||||
for (final XmlNode el
|
||||
in doc
|
||||
.getElement('svg', namespace: namespaces['n'])
|
||||
?.getElement('style', namespace: namespaces['n'])
|
||||
?.children ??
|
||||
[]) {
|
||||
if (RegExp(r'-Kanimaji$').hasMatch(el.getAttribute('id') ?? '')) {
|
||||
el.parent!.children.remove(el);
|
||||
}
|
||||
}
|
||||
for (final XmlNode g in doc
|
||||
.getElement('svg', namespace: namespaces['n'])
|
||||
?.getElement('g', namespace: namespaces['n'])
|
||||
?.children ??
|
||||
[]) {
|
||||
for (final XmlNode g
|
||||
in doc
|
||||
.getElement('svg', namespace: namespaces['n'])
|
||||
?.getElement('g', namespace: namespaces['n'])
|
||||
?.children ??
|
||||
[]) {
|
||||
if (RegExp(r'-Kanimaji$').hasMatch(g.getAttribute('id') ?? '')) {
|
||||
g.parent!.children.remove(g);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
String basename(String path) {
|
||||
final int lastSlash = path.lastIndexOf(Platform.pathSeparator);
|
||||
if (lastSlash == -1) {
|
||||
return path;
|
||||
}
|
||||
return path.substring(lastSlash + 1);
|
||||
}
|
||||
|
||||
/// Note: setting any color to transparent will result in a much bigger
|
||||
/// filesize for GIFs.
|
||||
void createAnimation({
|
||||
@@ -190,7 +192,8 @@ void createAnimation({
|
||||
'g',
|
||||
attributes: {
|
||||
'id': 'kvg:$baseid-$id-Kanimaji',
|
||||
'style': 'fill:none;'
|
||||
'style':
|
||||
'fill:none;'
|
||||
'stroke:$color;'
|
||||
'stroke-width:$width;'
|
||||
'stroke-linecap:round;'
|
||||
@@ -232,11 +235,12 @@ void createAnimation({
|
||||
double tottime = 0;
|
||||
|
||||
// for (final g in doc.xpath("/n:svg/n:g", namespaces=namespaces) {
|
||||
for (final XmlNode g in doc
|
||||
.getElement('svg', namespace: namespaces['n'])
|
||||
?.getElement('g', namespace: namespaces['n'])
|
||||
?.children ??
|
||||
[]) {
|
||||
for (final XmlNode g
|
||||
in doc
|
||||
.getElement('svg', namespace: namespaces['n'])
|
||||
?.getElement('g', namespace: namespaces['n'])
|
||||
?.children ??
|
||||
[]) {
|
||||
if (RegExp(r'^kvg:StrokeNumbers_').hasMatch(g.getAttribute('id') ?? '')) {
|
||||
continue;
|
||||
}
|
||||
@@ -266,9 +270,7 @@ void createAnimation({
|
||||
'\n/* CSS automatically generated by kanimaji.py, do not edit! */\n';
|
||||
if (GENERATE_SVG) animatedCss = cssHeader;
|
||||
if (GENERATE_JS_SVG) {
|
||||
jsAnimatedCss += cssHeader +
|
||||
'''
|
||||
.backward {\n
|
||||
jsAnimatedCss += '''$cssHeader .backward {\n
|
||||
animation-direction: reverse !important;\n
|
||||
}
|
||||
''';
|
||||
@@ -287,18 +289,20 @@ void createAnimation({
|
||||
double elapsedtime = 0;
|
||||
|
||||
// add css elements for all strokes
|
||||
for (final XmlNode g in doc
|
||||
.getElement('svg', namespace: namespaces['n'])!
|
||||
.findElements('g', namespace: namespaces['n'])) {
|
||||
for (final XmlNode g
|
||||
in doc
|
||||
.getElement('svg', namespace: namespaces['n'])!
|
||||
.findElements('g', namespace: namespaces['n'])) {
|
||||
// for (final g in doc.xpath("/n:svg/n:g", namespaces=namespaces)){
|
||||
final groupid = g.getAttribute('id') ?? '';
|
||||
if (RegExp(r'^kvg:StrokeNumbers_').hasMatch(groupid)) {
|
||||
final String rule = '''
|
||||
final String rule =
|
||||
'''
|
||||
#${groupid.replaceAll(':', '\\3a ')} {
|
||||
display: none;
|
||||
}
|
||||
'''
|
||||
.dedented;
|
||||
.dedented;
|
||||
if (GENERATE_SVG) animatedCss += rule;
|
||||
if (GENERATE_JS_SVG) jsAnimatedCss += rule;
|
||||
if (GENERATE_GIF) {
|
||||
@@ -310,13 +314,14 @@ void createAnimation({
|
||||
}
|
||||
|
||||
final gidcss = groupid.replaceAll(':', '\\3a ');
|
||||
final rule = '''
|
||||
final rule =
|
||||
'''
|
||||
#$gidcss {
|
||||
stroke-width: ${strokeBorderWidth.toStringAsFixed(1)}px !important;
|
||||
stroke: $strokeBorderColor !important;
|
||||
}
|
||||
'''
|
||||
.dedented;
|
||||
.dedented;
|
||||
|
||||
if (GENERATE_SVG) animatedCss += rule;
|
||||
if (GENERATE_JS_SVG) jsAnimatedCss += rule;
|
||||
@@ -380,7 +385,8 @@ void createAnimation({
|
||||
|
||||
if (GENERATE_SVG) {
|
||||
// animation stroke progression
|
||||
animatedCss += '''
|
||||
animatedCss +=
|
||||
'''
|
||||
@keyframes strike-$pathname {
|
||||
0% { stroke-dashoffset: ${pathlen.toStringAsFixed(3)}; }
|
||||
${animStart.toStringAsFixed(3)}% { stroke-dashoffset: ${pathlen.toStringAsFixed(3)}; }
|
||||
@@ -398,11 +404,12 @@ void createAnimation({
|
||||
showhide-$pathname ${animationTime.toStringAsFixed(3)}s step-start infinite;
|
||||
}
|
||||
'''
|
||||
.dedented;
|
||||
.dedented;
|
||||
|
||||
if (showBrush) {
|
||||
// brush element visibility
|
||||
animatedCss += '''
|
||||
animatedCss +=
|
||||
'''
|
||||
@keyframes showhide-brush-$pathname {
|
||||
${animStart.toStringAsFixed(3)}% { visibility: hidden; }
|
||||
${animEnd.toStringAsFixed(3)}% { visibility: visible; }
|
||||
@@ -414,7 +421,7 @@ void createAnimation({
|
||||
showhide-brush-$pathname ${animationTime.toStringAsFixed(3)}s step-start infinite;
|
||||
}
|
||||
'''
|
||||
.dedented;
|
||||
.dedented;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -423,17 +430,19 @@ void createAnimation({
|
||||
|
||||
// brush and background hidden by default
|
||||
if (showBrush) {
|
||||
jsAnimatedCss += '''
|
||||
jsAnimatedCss +=
|
||||
'''
|
||||
#$brushPathidcss, #$brushBorderPathidcss, #$bgPathidcss {
|
||||
visibility: hidden;
|
||||
}
|
||||
'''
|
||||
.dedented;
|
||||
.dedented;
|
||||
}
|
||||
|
||||
// hide stroke after current element
|
||||
const afterCurrent = '[class *= "current"]';
|
||||
jsAnimatedCss += '''
|
||||
jsAnimatedCss +=
|
||||
'''
|
||||
$afterCurrent ~ #$animPathidcss {
|
||||
visibility: hidden;
|
||||
}
|
||||
@@ -451,9 +460,10 @@ void createAnimation({
|
||||
animation: strike-$pathname ${relativeDuration.toStringAsFixed(3)}s ${timingFunction.name} forwards 1;
|
||||
}
|
||||
'''
|
||||
.dedented;
|
||||
.dedented;
|
||||
if (showBrush) {
|
||||
jsAnimatedCss += '''
|
||||
jsAnimatedCss +=
|
||||
'''
|
||||
@keyframes strike-brush-$pathname {
|
||||
0% { stroke-dashoffset: ${pathlen.toStringAsFixed(3)}; }
|
||||
100% { stroke-dashoffset: 0.4; }
|
||||
@@ -464,7 +474,7 @@ void createAnimation({
|
||||
animation: strike-brush-$pathname ${relativeDuration.toStringAsFixed(3)}s ${timingFunction.name} forwards 1;
|
||||
}
|
||||
'''
|
||||
.dedented;
|
||||
.dedented;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -473,7 +483,7 @@ void createAnimation({
|
||||
final time = k * GIF_FRAME_DURATION;
|
||||
final reltime = time * tottime / animationTime; // unscaled time
|
||||
|
||||
staticCss[k] = staticCss[k]! + '\n/* stroke $pathid */\n';
|
||||
staticCss[k] = '${staticCss[k]!}\n/* stroke $pathid */\n';
|
||||
|
||||
String rule = '';
|
||||
|
||||
@@ -486,7 +496,8 @@ void createAnimation({
|
||||
rule += ", #$brushPathidcss, #$brushBorderPathidcss";
|
||||
}
|
||||
|
||||
staticCss[k] = staticCss[k]! +
|
||||
staticCss[k] =
|
||||
staticCss[k]! +
|
||||
'''
|
||||
%$rule {
|
||||
visibility: hidden;
|
||||
@@ -501,7 +512,8 @@ void createAnimation({
|
||||
rule += ", #$brushPathidcss, #$brushBorderPathidcss";
|
||||
}
|
||||
|
||||
staticCss[k] = staticCss[k]! +
|
||||
staticCss[k] =
|
||||
staticCss[k]! +
|
||||
'''
|
||||
$rule {
|
||||
visibility: hidden;
|
||||
@@ -513,7 +525,8 @@ void createAnimation({
|
||||
((reltime - elapsedtime) / (newelapsedtime - elapsedtime));
|
||||
final progression = timingFunction.func(intervalprop);
|
||||
|
||||
staticCss[k] = staticCss[k]! +
|
||||
staticCss[k] =
|
||||
staticCss[k]! +
|
||||
'''
|
||||
#$animPathidcss {
|
||||
stroke-dasharray: ${pathlen.toStringAsFixed(3)} ${(pathlen + 0.002).toStringAsFixed(3)};
|
||||
@@ -523,7 +536,8 @@ void createAnimation({
|
||||
'''
|
||||
.dedented;
|
||||
if (showBrush) {
|
||||
staticCss[k] = staticCss[k]! +
|
||||
staticCss[k] =
|
||||
staticCss[k]! +
|
||||
'''
|
||||
#$brushPathidcss, #$brushBorderPathidcss {
|
||||
stroke-dasharray: 0.001 ${(pathlen + 0.002).toStringAsFixed(3)};
|
||||
@@ -554,13 +568,13 @@ void createAnimation({
|
||||
if (GENERATE_SVG) {
|
||||
print(animatedCss);
|
||||
final builder = XmlBuilder();
|
||||
final style = (builder
|
||||
..element(
|
||||
'style',
|
||||
attributes: {'id': "style-Kanimaji", 'type': 'text/css'},
|
||||
nest: animatedCss,
|
||||
))
|
||||
.buildFragment();
|
||||
final style =
|
||||
(builder..element(
|
||||
'style',
|
||||
attributes: {'id': "style-Kanimaji", 'type': 'text/css'},
|
||||
nest: animatedCss,
|
||||
))
|
||||
.buildFragment();
|
||||
doc.root.firstElementChild!.children.insert(0, style);
|
||||
File(outputFile).writeAsStringSync(doc.toXmlString(pretty: true));
|
||||
doc.root.children.removeAt(0);
|
||||
@@ -684,16 +698,15 @@ void main(List<String> args) {
|
||||
final fileList = [];
|
||||
for (int k = 0; k < kanji.length; k++) {
|
||||
createAnimation(
|
||||
inputFile: 'assets/kanjivg/kanji/${kanji.codeUnits[k].toRadixString(16).padLeft(5, '0')}.svg',
|
||||
outputFile: '${k+1}.svg',
|
||||
);
|
||||
fileList.add('${k+1}.svg');
|
||||
inputFile:
|
||||
'assets/kanjivg/kanji/${kanji.codeUnits[k].toRadixString(16).padLeft(5, '0')}.svg',
|
||||
outputFile: '${k + 1}.svg',
|
||||
);
|
||||
fileList.add('${k + 1}.svg');
|
||||
}
|
||||
|
||||
File('index.html').writeAsStringSync(
|
||||
'<html>' +
|
||||
fileList.map((e) => File(e).readAsStringSync().replaceAll(']>', '')).join('\n') +
|
||||
'</html>'
|
||||
'<html>${fileList.map((e) => File(e).readAsStringSync().replaceAll(']>', '')).join('\n')}</html>',
|
||||
);
|
||||
// createAnimation(
|
||||
// inputFile: 'assets/kanjivg/kanji/060c5.svg',
|
||||
|
@@ -1,7 +1,5 @@
|
||||
|
||||
import 'dart:math' as math;
|
||||
|
||||
|
||||
import '../common/point.dart';
|
||||
|
||||
// class Point {
|
||||
@@ -31,7 +29,8 @@ double time(Point pt1, Point ct1, Point ct2, Point pt2, double x) {
|
||||
final num c = 3 * ct2.x - 3 * pt2.x;
|
||||
final num d = pt2.x - x;
|
||||
|
||||
if (a.abs() < 0.000000001) { // quadratic
|
||||
if (a.abs() < 0.000000001) {
|
||||
// quadratic
|
||||
if (b.abs() < 0.000000001) return -d / c; // linear
|
||||
|
||||
final qb = c / b;
|
||||
@@ -45,7 +44,8 @@ double time(Point pt1, Point ct1, Point ct2, Point pt2, double x) {
|
||||
final addcoef = -b / (3 * a);
|
||||
|
||||
final lmbd = sq(q) / 4 + cb(p) / 27;
|
||||
if (lmbd >= 0) { // real
|
||||
if (lmbd >= 0) {
|
||||
// real
|
||||
final sqlambda = sqrt(lmbd);
|
||||
final tmp = thrt(-q / 2 + (q < 0 ? sqlambda : -sqlambda));
|
||||
return tmp - p / (3 * tmp) + addcoef;
|
||||
@@ -84,4 +84,4 @@ double value(Point pt1, Point ct1, Point ct2, Point pt2, double x) {
|
||||
// for i in range(0,part+1,1):
|
||||
// x = float(i) / part
|
||||
// y = value(pt1, ct1, ct2, pt2, x)
|
||||
// f.write("%f %f\n" % (x,y))
|
||||
// f.write("%f %f\n" % (x,y))
|
||||
|
@@ -1,6 +1,7 @@
|
||||
/// SVG Path specification parser
|
||||
///
|
||||
/// See https://pypi.org/project/svg.path/ for the original implementation.
|
||||
library;
|
||||
|
||||
import '../common/point.dart';
|
||||
import 'path.dart';
|
||||
@@ -25,7 +26,7 @@ const _commands = {
|
||||
'T',
|
||||
't',
|
||||
'A',
|
||||
'a'
|
||||
'a',
|
||||
};
|
||||
|
||||
// const _uppercaseCommands = {'M', 'Z', 'L', 'H', 'V', 'C', 'S', 'Q', 'T', 'A'};
|
||||
@@ -181,8 +182,9 @@ class Token {
|
||||
other is Token &&
|
||||
command == other.command &&
|
||||
args.length == other.args.length &&
|
||||
![for (int i = 0; i < args.length; i++) args[i] == other.args[i]]
|
||||
.any((b) => !b);
|
||||
![
|
||||
for (int i = 0; i < args.length; i++) args[i] == other.args[i],
|
||||
].any((b) => !b);
|
||||
|
||||
@override
|
||||
int get hashCode => command.hashCode ^ args.hashCode;
|
||||
@@ -358,7 +360,8 @@ Path parsePath(String pathdef) {
|
||||
// The control point is assumed to be the reflection of
|
||||
// the control point on the previous command relative
|
||||
// to the current point.
|
||||
control = currentPos +
|
||||
control =
|
||||
currentPos +
|
||||
currentPos -
|
||||
(segments.last as QuadraticBezier).control;
|
||||
} else {
|
||||
|
@@ -1,5 +1,6 @@
|
||||
/// This file contains classes for the different types of SVG path segments as
|
||||
/// well as a Path object that contains a sequence of path segments.
|
||||
library;
|
||||
|
||||
import 'dart:collection';
|
||||
import 'dart:math' as math;
|
||||
@@ -69,10 +70,7 @@ abstract class SvgPath {
|
||||
final Point start;
|
||||
final Point end;
|
||||
|
||||
const SvgPath({
|
||||
required this.start,
|
||||
required this.end,
|
||||
});
|
||||
const SvgPath({required this.start, required this.end});
|
||||
|
||||
@override
|
||||
bool operator ==(Object other) =>
|
||||
@@ -89,10 +87,7 @@ abstract class SvgPath {
|
||||
}
|
||||
|
||||
abstract class Bezier extends SvgPath {
|
||||
const Bezier({
|
||||
required Point start,
|
||||
required Point end,
|
||||
}) : super(start: start, end: end);
|
||||
const Bezier({required super.start, required super.end});
|
||||
|
||||
@override
|
||||
bool operator ==(Object other) => other is Bezier && super == other;
|
||||
@@ -107,10 +102,7 @@ abstract class Bezier extends SvgPath {
|
||||
/// A straight line
|
||||
/// The base for Line() and Close().
|
||||
class Linear extends SvgPath {
|
||||
const Linear({
|
||||
required Point start,
|
||||
required Point end,
|
||||
}) : super(start: start, end: end);
|
||||
const Linear({required super.start, required super.end});
|
||||
|
||||
@override
|
||||
bool operator ==(Object other) => other is Linear && super == other;
|
||||
@@ -129,10 +121,7 @@ class Linear extends SvgPath {
|
||||
}
|
||||
|
||||
class Line extends Linear {
|
||||
const Line({
|
||||
required Point start,
|
||||
required Point end,
|
||||
}) : super(start: start, end: end);
|
||||
const Line({required super.start, required super.end});
|
||||
|
||||
@override
|
||||
bool operator ==(Object other) => other is Line && super == other;
|
||||
@@ -151,11 +140,11 @@ class CubicBezier extends Bezier {
|
||||
final Point control2;
|
||||
|
||||
const CubicBezier({
|
||||
required Point start,
|
||||
required super.start,
|
||||
required this.control1,
|
||||
required this.control2,
|
||||
required Point end,
|
||||
}) : super(start: start, end: end);
|
||||
required super.end,
|
||||
});
|
||||
|
||||
@override
|
||||
bool operator ==(Object other) =>
|
||||
@@ -168,13 +157,14 @@ class CubicBezier extends Bezier {
|
||||
int get hashCode => super.hashCode ^ control1.hashCode ^ control2.hashCode;
|
||||
|
||||
@override
|
||||
String toString() => "CubicBezier(start=$start, control1=$control1, "
|
||||
String toString() =>
|
||||
"CubicBezier(start=$start, control1=$control1, "
|
||||
"control2=$control2, end=$end)";
|
||||
|
||||
@override
|
||||
bool isSmoothFrom(Object? previous) => previous is CubicBezier
|
||||
? start == previous.end &&
|
||||
control1 - start == previous.end - previous.control2
|
||||
control1 - start == previous.end - previous.control2
|
||||
: control1 == start;
|
||||
|
||||
@override
|
||||
@@ -205,10 +195,10 @@ class QuadraticBezier extends Bezier {
|
||||
final Point control;
|
||||
|
||||
const QuadraticBezier({
|
||||
required Point start,
|
||||
required Point end,
|
||||
required super.start,
|
||||
required super.end,
|
||||
required this.control,
|
||||
}) : super(start: start, end: end);
|
||||
});
|
||||
|
||||
@override
|
||||
bool operator ==(Object other) =>
|
||||
@@ -224,7 +214,7 @@ class QuadraticBezier extends Bezier {
|
||||
@override
|
||||
bool isSmoothFrom(Object? previous) => previous is QuadraticBezier
|
||||
? start == previous.end &&
|
||||
(control - start) == (previous.end - previous.control)
|
||||
(control - start) == (previous.end - previous.control)
|
||||
: control == start;
|
||||
|
||||
@override
|
||||
@@ -258,7 +248,8 @@ class QuadraticBezier extends Bezier {
|
||||
final num c2 = 2 * sqrt(C);
|
||||
final num bA = B / a2;
|
||||
|
||||
s = (a32 * sabc +
|
||||
s =
|
||||
(a32 * sabc +
|
||||
a2 * B * (sabc - c2) +
|
||||
(4 * C * A - (B * B)) * log((2 * a2 + bA + sabc) / (bA + c2))) /
|
||||
(4 * a32);
|
||||
@@ -280,13 +271,13 @@ class Arc extends SvgPath {
|
||||
// late num delta;
|
||||
|
||||
const Arc({
|
||||
required Point start,
|
||||
required Point end,
|
||||
required super.start,
|
||||
required super.end,
|
||||
required this.radius,
|
||||
required this.rotation,
|
||||
required this.arc,
|
||||
required this.sweep,
|
||||
}) : super(start: start, end: end);
|
||||
});
|
||||
|
||||
@override
|
||||
bool operator ==(Object other) =>
|
||||
@@ -306,10 +297,10 @@ class Arc extends SvgPath {
|
||||
sweep.hashCode;
|
||||
|
||||
@override
|
||||
String toString() => 'Arc(start=$start, radius=$radius, rotation=$rotation, '
|
||||
String toString() =>
|
||||
'Arc(start=$start, radius=$radius, rotation=$rotation, '
|
||||
'arc=$arc, sweep=$sweep, end=$end)';
|
||||
|
||||
|
||||
// Conversion from endpoint to center parameterization
|
||||
// http://www.w3.org/TR/SVG/implnote.html#ArcImplementationNotes
|
||||
num get _cosr => cos(radians(rotation));
|
||||
@@ -337,16 +328,17 @@ class Arc extends SvgPath {
|
||||
num get _cyprim => -c * _ry * _x1prim / _rx;
|
||||
|
||||
num get radiusScale {
|
||||
final rs = (_x1primSq / (radius.x * radius.x)) +
|
||||
final rs =
|
||||
(_x1primSq / (radius.x * radius.x)) +
|
||||
(_y1primSq / (radius.y * radius.y));
|
||||
return rs > 1 ? sqrt(rs) : 1;
|
||||
}
|
||||
|
||||
Point get center => Point(
|
||||
(_cosr * _cxprim - _sinr * _cyprim) + ((start.x + end.x) / 2),
|
||||
(_sinr * _cxprim + _cosr * _cyprim) + ((start.y + end.y) / 2),
|
||||
);
|
||||
|
||||
(_cosr * _cxprim - _sinr * _cyprim) + ((start.x + end.x) / 2),
|
||||
(_sinr * _cxprim + _cosr * _cyprim) + ((start.y + end.y) / 2),
|
||||
);
|
||||
|
||||
num get theta {
|
||||
final num n = sqrt(_ux * _ux + _uy * _uy);
|
||||
final num p = _ux;
|
||||
@@ -365,7 +357,8 @@ class Arc extends SvgPath {
|
||||
d = -1.0;
|
||||
}
|
||||
|
||||
return ((((_ux * _vy - _uy * _vx) < 0) ? -1 : 1) * degrees(acos(d))) % 360 - (!sweep ? 360 : 0);
|
||||
return ((((_ux * _vy - _uy * _vx) < 0) ? -1 : 1) * degrees(acos(d))) % 360 -
|
||||
(!sweep ? 360 : 0);
|
||||
}
|
||||
|
||||
@override
|
||||
@@ -375,7 +368,7 @@ class Arc extends SvgPath {
|
||||
|
||||
// This should be treated as a straight line
|
||||
if (this.radius.x == 0 || this.radius.y == 0) {
|
||||
return start + (end - start) * pos;
|
||||
return start + (end - start).times(pos);
|
||||
}
|
||||
|
||||
final angle = radians(theta + pos * delta);
|
||||
@@ -415,14 +408,15 @@ class Arc extends SvgPath {
|
||||
final startPoint = point(0);
|
||||
final endPoint = point(1);
|
||||
return segmentLength(
|
||||
curve: this,
|
||||
start: 0,
|
||||
end: 1,
|
||||
startPoint: startPoint,
|
||||
endPoint: endPoint,
|
||||
error: error,
|
||||
minDepth: minDepth,
|
||||
depth: 0);
|
||||
curve: this,
|
||||
start: 0,
|
||||
end: 1,
|
||||
startPoint: startPoint,
|
||||
endPoint: endPoint,
|
||||
error: error,
|
||||
minDepth: minDepth,
|
||||
depth: 0,
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -449,10 +443,7 @@ class Move extends SvgPath {
|
||||
|
||||
/// Represents the closepath command
|
||||
class Close extends Linear {
|
||||
const Close({
|
||||
required Point start,
|
||||
required Point end,
|
||||
}) : super(start: start, end: end);
|
||||
const Close({required super.start, required super.end});
|
||||
|
||||
@override
|
||||
bool operator ==(Object other) => other is Close && super == other;
|
||||
@@ -502,12 +493,14 @@ class Path extends ListBase<SvgPath> {
|
||||
String toString() =>
|
||||
'Path(${[for (final s in segments) s.toString()].join(", ")})';
|
||||
|
||||
void _calcLengths(
|
||||
{num error = defaultError, int minDepth = defaultMinDepth}) {
|
||||
void _calcLengths({
|
||||
num error = defaultError,
|
||||
int minDepth = defaultMinDepth,
|
||||
}) {
|
||||
if (_memoizedLength != null) return;
|
||||
|
||||
final lengths = [
|
||||
for (final s in segments) s!.size(error: error, minDepth: minDepth)
|
||||
for (final s in segments) s!.size(error: error, minDepth: minDepth),
|
||||
];
|
||||
_memoizedLength = lengths.reduce((a, b) => a + b);
|
||||
if (_memoizedLength == 0) {
|
||||
@@ -552,7 +545,7 @@ class Path extends ListBase<SvgPath> {
|
||||
return segments[i]!.point(segmentPos);
|
||||
}
|
||||
|
||||
num size({error = defaultError, minDepth = defaultMinDepth}) {
|
||||
num size({double error = defaultError, int minDepth = defaultMinDepth}) {
|
||||
_calcLengths(error: error, minDepth: minDepth);
|
||||
return _memoizedLength!;
|
||||
}
|
||||
|
@@ -1,15 +1,8 @@
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
extension _Hexcode on Color {
|
||||
String get hexcode => '#${value.toRadixString(16).padLeft(8, '0')}';
|
||||
}
|
||||
|
||||
class Kanimaji extends StatelessWidget {
|
||||
final String kanji;
|
||||
const Kanimaji({
|
||||
Key? key,
|
||||
required this.kanji,
|
||||
}) : super(key: key);
|
||||
const Kanimaji({super.key, required this.kanji});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
|
@@ -6,16 +6,17 @@ import 'package:kanimaji/svg/path.dart';
|
||||
void main() {
|
||||
group("Examples from the SVG spec", () {
|
||||
test(
|
||||
"[Path 1]: MLLz",
|
||||
() => expect(
|
||||
parsePath("M 100 100 L 300 100 L 200 300 z"),
|
||||
Path.fromSegments(const [
|
||||
Move(to: Point(100, 100)),
|
||||
Line(start: Point(100, 100), end: Point(300, 100)),
|
||||
Line(start: Point(300, 100), end: Point(200, 300)),
|
||||
Close(start: Point(200, 300), end: Point(100, 100)),
|
||||
]),
|
||||
));
|
||||
"[Path 1]: MLLz",
|
||||
() => expect(
|
||||
parsePath("M 100 100 L 300 100 L 200 300 z"),
|
||||
Path.fromSegments(const [
|
||||
Move(to: Point(100, 100)),
|
||||
Line(start: Point(100, 100), end: Point(300, 100)),
|
||||
Line(start: Point(300, 100), end: Point(200, 300)),
|
||||
Close(start: Point(200, 300), end: Point(100, 100)),
|
||||
]),
|
||||
),
|
||||
);
|
||||
|
||||
//
|
||||
test(
|
||||
@@ -160,10 +161,11 @@ void main() {
|
||||
Path.fromSegments(const [
|
||||
Move(to: Point(600, 800)),
|
||||
CubicBezier(
|
||||
start: Point(600, 800),
|
||||
control1: Point(625, 700),
|
||||
control2: Point(725, 700),
|
||||
end: Point(750, 800)),
|
||||
start: Point(600, 800),
|
||||
control1: Point(625, 700),
|
||||
control2: Point(725, 700),
|
||||
end: Point(750, 800),
|
||||
),
|
||||
CubicBezier(
|
||||
start: Point(750, 800),
|
||||
control1: Point(775, 900),
|
||||
@@ -347,9 +349,10 @@ void main() {
|
||||
Path.fromSegments(const [
|
||||
Move(to: Point(100, 200)),
|
||||
QuadraticBezier(
|
||||
start: Point(100, 200),
|
||||
control: Point(100, 200),
|
||||
end: Point(250, 200)),
|
||||
start: Point(100, 200),
|
||||
control: Point(100, 200),
|
||||
end: Point(250, 200),
|
||||
),
|
||||
]),
|
||||
),
|
||||
);
|
||||
@@ -361,9 +364,10 @@ void main() {
|
||||
Path.fromSegments(const [
|
||||
Move(to: Point(100, 200)),
|
||||
QuadraticBezier(
|
||||
start: Point(100, 200),
|
||||
control: Point(100, 200),
|
||||
end: Point(250, 200)),
|
||||
start: Point(100, 200),
|
||||
control: Point(100, 200),
|
||||
end: Point(250, 200),
|
||||
),
|
||||
]),
|
||||
),
|
||||
);
|
||||
@@ -382,12 +386,12 @@ void main() {
|
||||
() =>
|
||||
// It can be e or E, the plus is optional, and a minimum of +/-3.4e38 must be supported.
|
||||
expect(
|
||||
parsePath("M-3.4e38 3.4E+38L-3.4E-38,3.4e-38"),
|
||||
Path.fromSegments(const [
|
||||
Move(to: Point(-3.4e38, 3.4e38)),
|
||||
Line(start: Point(-3.4e38, 3.4e38), end: Point(-3.4e-38, 3.4e-38))
|
||||
]),
|
||||
),
|
||||
parsePath("M-3.4e38 3.4E+38L-3.4E-38,3.4e-38"),
|
||||
Path.fromSegments(const [
|
||||
Move(to: Point(-3.4e38, 3.4e38)),
|
||||
Line(start: Point(-3.4e38, 3.4e38), end: Point(-3.4e-38, 3.4e-38)),
|
||||
]),
|
||||
),
|
||||
);
|
||||
|
||||
test(
|
||||
@@ -405,15 +409,17 @@ void main() {
|
||||
);
|
||||
|
||||
test('svg.path library, issue 45', () {
|
||||
final path = parsePath("m 1672.2372,-54.8161 "
|
||||
"a 14.5445,14.5445 0 0 0 -11.3152,23.6652 "
|
||||
"l 27.2573,27.2572 27.2572,-27.2572 "
|
||||
"a 14.5445,14.5445 0 0 0 -11.3012,-23.634 "
|
||||
"a 14.5445,14.5445 0 0 0 -11.414,5.4625 "
|
||||
"l -4.542,4.5420 "
|
||||
"l -4.5437,-4.5420 "
|
||||
"a 14.5445,14.5445 0 0 0 -11.3984,-5.4937 "
|
||||
"z");
|
||||
final path = parsePath(
|
||||
"m 1672.2372,-54.8161 "
|
||||
"a 14.5445,14.5445 0 0 0 -11.3152,23.6652 "
|
||||
"l 27.2573,27.2572 27.2572,-27.2572 "
|
||||
"a 14.5445,14.5445 0 0 0 -11.3012,-23.634 "
|
||||
"a 14.5445,14.5445 0 0 0 -11.414,5.4625 "
|
||||
"l -4.542,4.5420 "
|
||||
"l -4.5437,-4.5420 "
|
||||
"a 14.5445,14.5445 0 0 0 -11.3984,-5.4937 "
|
||||
"z",
|
||||
);
|
||||
expect(path.d(), contains("A 14.5445,14.5445 0 0,0 1672.2372,-54.8161 Z"));
|
||||
});
|
||||
}
|
||||
|
File diff suppressed because it is too large
Load Diff
@@ -3,7 +3,8 @@
|
||||
|
||||
import 'package:flutter_test/flutter_test.dart';
|
||||
import 'package:kanimaji/common/point.dart';
|
||||
import 'package:kanimaji/svg/parser.dart' show Command, Token, commandifyPath, parsePath, tokenizePath;
|
||||
import 'package:kanimaji/svg/parser.dart'
|
||||
show Command, Token, commandifyPath, parsePath, tokenizePath;
|
||||
|
||||
class TokenizerTest {
|
||||
final String pathdef;
|
||||
@@ -30,7 +31,7 @@ final List<TokenizerTest> tokenizerTests = [
|
||||
Token(command: "M", args: [Point(100, 100)]),
|
||||
Token(command: "L", args: [Point(300, 100)]),
|
||||
Token(command: "L", args: [Point(200, 300)]),
|
||||
Token(command: "z", args: [])
|
||||
Token(command: "z", args: []),
|
||||
],
|
||||
),
|
||||
const TokenizerTest(
|
||||
@@ -42,17 +43,22 @@ final List<TokenizerTest> tokenizerTests = [
|
||||
Command(command: "M", args: "5 1"),
|
||||
Command(command: "v", args: "7.344"),
|
||||
Command(
|
||||
command: "A", args: "3.574 3.574 0 003.5 8 3.515 3.515 0 000 11.5"),
|
||||
command: "A",
|
||||
args: "3.574 3.574 0 003.5 8 3.515 3.515 0 000 11.5",
|
||||
),
|
||||
Command(command: "C", args: "0 13.421 1.579 15 3.5 15"),
|
||||
Command(command: "A", args: "3.517 3.517 0 007 11.531"),
|
||||
Command(command: "v", args: "-7.53"),
|
||||
Command(command: "h", args: "6"),
|
||||
Command(command: "v", args: "4.343"),
|
||||
Command(
|
||||
command: "A", args: "3.574 3.574 0 0011.5 8 3.515 3.515 0 008 11.5"),
|
||||
command: "A",
|
||||
args: "3.574 3.574 0 0011.5 8 3.515 3.515 0 008 11.5",
|
||||
),
|
||||
Command(
|
||||
command: "c",
|
||||
args: "0 1.921 1.579 3.5 3.5 3.5 1.9 0 3.465 -1.546 3.5 -3.437"),
|
||||
command: "c",
|
||||
args: "0 1.921 1.579 3.5 3.5 3.5 1.9 0 3.465 -1.546 3.5 -3.437",
|
||||
),
|
||||
Command(command: "V", args: "1"),
|
||||
Command(command: "z", args: ""),
|
||||
],
|
||||
@@ -61,26 +67,36 @@ final List<TokenizerTest> tokenizerTests = [
|
||||
Token(command: "v", args: [7.344]),
|
||||
Token(command: "A", args: [3.574, 3.574, 0, false, false, Point(3.5, 8)]),
|
||||
Token(
|
||||
command: "A", args: [3.515, 3.515, 0, false, false, Point(0, 11.5)]),
|
||||
command: "A",
|
||||
args: [3.515, 3.515, 0, false, false, Point(0, 11.5)],
|
||||
),
|
||||
Token(
|
||||
command: "C",
|
||||
args: [Point(0, 13.421), Point(1.579, 15), Point(3.5, 15)]),
|
||||
command: "C",
|
||||
args: [Point(0, 13.421), Point(1.579, 15), Point(3.5, 15)],
|
||||
),
|
||||
Token(
|
||||
command: "A",
|
||||
args: [3.517, 3.517, 0, false, false, Point(7, 11.531)]),
|
||||
command: "A",
|
||||
args: [3.517, 3.517, 0, false, false, Point(7, 11.531)],
|
||||
),
|
||||
Token(command: "v", args: [-7.53]),
|
||||
Token(command: "h", args: [6]),
|
||||
Token(command: "v", args: [4.343]),
|
||||
Token(
|
||||
command: "A", args: [3.574, 3.574, 0, false, false, Point(11.5, 8)]),
|
||||
command: "A",
|
||||
args: [3.574, 3.574, 0, false, false, Point(11.5, 8)],
|
||||
),
|
||||
Token(
|
||||
command: "A", args: [3.515, 3.515, 0, false, false, Point(8, 11.5)]),
|
||||
command: "A",
|
||||
args: [3.515, 3.515, 0, false, false, Point(8, 11.5)],
|
||||
),
|
||||
Token(
|
||||
command: "c",
|
||||
args: [Point(0, 1.921), Point(1.579, 3.5), Point(3.5, 3.5)]),
|
||||
command: "c",
|
||||
args: [Point(0, 1.921), Point(1.579, 3.5), Point(3.5, 3.5)],
|
||||
),
|
||||
Token(
|
||||
command: "c",
|
||||
args: [Point(1.9, 0), Point(3.465, -1.546), Point(3.5, -3.437)]),
|
||||
command: "c",
|
||||
args: [Point(1.9, 0), Point(3.465, -1.546), Point(3.5, -3.437)],
|
||||
),
|
||||
Token(command: "V", args: [1]),
|
||||
Token(command: "z", args: []),
|
||||
],
|
||||
@@ -120,4 +136,4 @@ void main() {
|
||||
parsePath(tokenizerTest.pathdef);
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user