Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(434)

Unified Diff: third_party/WebKit/Source/devtools/front_end/ui/BezierUI.js

Issue 2623743002: DevTools: extract modules (non-extensions) (Closed)
Patch Set: rebaseline Created 3 years, 11 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: third_party/WebKit/Source/devtools/front_end/ui/BezierUI.js
diff --git a/third_party/WebKit/Source/devtools/front_end/ui/BezierUI.js b/third_party/WebKit/Source/devtools/front_end/ui/BezierUI.js
deleted file mode 100644
index 7eafd708b44d9691b34fd223aa3f9ac4cfe1fcec..0000000000000000000000000000000000000000
--- a/third_party/WebKit/Source/devtools/front_end/ui/BezierUI.js
+++ /dev/null
@@ -1,128 +0,0 @@
-// Copyright (c) 2015 The Chromium Authors. All rights reserved.
-// Use of this source code is governed by a BSD-style license that can be
-// found in the LICENSE file.
-/**
- * @unrestricted
- */
-UI.BezierUI = class {
- /**
- * @param {number} width
- * @param {number} height
- * @param {number} marginTop
- * @param {number} controlPointRadius
- * @param {boolean} linearLine
- */
- constructor(width, height, marginTop, controlPointRadius, linearLine) {
- this.width = width;
- this.height = height;
- this.marginTop = marginTop;
- this.radius = controlPointRadius;
- this.linearLine = linearLine;
- }
-
- /**
- * @param {!Common.Geometry.CubicBezier} bezier
- * @param {!Element} path
- * @param {number} width
- */
- static drawVelocityChart(bezier, path, width) {
- var height = UI.BezierUI.Height;
- var pathBuilder = ['M', 0, height];
- /** @const */ var sampleSize = 1 / 40;
-
- var prev = bezier.evaluateAt(0);
- for (var t = sampleSize; t < 1 + sampleSize; t += sampleSize) {
- var current = bezier.evaluateAt(t);
- var slope = (current.y - prev.y) / (current.x - prev.x);
- var weightedX = prev.x * (1 - t) + current.x * t;
- slope = Math.tanh(slope / 1.5); // Normalise slope
- pathBuilder = pathBuilder.concat(['L', (weightedX * width).toFixed(2), (height - slope * height).toFixed(2)]);
- prev = current;
- }
- pathBuilder = pathBuilder.concat(['L', width.toFixed(2), height, 'Z']);
- path.setAttribute('d', pathBuilder.join(' '));
- }
-
- /**
- * @return {number}
- */
- curveWidth() {
- return this.width - this.radius * 2;
- }
-
- /**
- * @return {number}
- */
- curveHeight() {
- return this.height - this.radius * 2 - this.marginTop * 2;
- }
-
- /**
- * @param {!Element} parentElement
- * @param {string} className
- * @param {number} x1
- * @param {number} y1
- * @param {number} x2
- * @param {number} y2
- */
- _drawLine(parentElement, className, x1, y1, x2, y2) {
- var line = parentElement.createSVGChild('line', className);
- line.setAttribute('x1', x1 + this.radius);
- line.setAttribute('y1', y1 + this.radius + this.marginTop);
- line.setAttribute('x2', x2 + this.radius);
- line.setAttribute('y2', y2 + this.radius + this.marginTop);
- }
-
- /**
- * @param {!Element} parentElement
- * @param {number} startX
- * @param {number} startY
- * @param {number} controlX
- * @param {number} controlY
- */
- _drawControlPoints(parentElement, startX, startY, controlX, controlY) {
- this._drawLine(parentElement, 'bezier-control-line', startX, startY, controlX, controlY);
- var circle = parentElement.createSVGChild('circle', 'bezier-control-circle');
- circle.setAttribute('cx', controlX + this.radius);
- circle.setAttribute('cy', controlY + this.radius + this.marginTop);
- circle.setAttribute('r', this.radius);
- }
-
- /**
- * @param {?Common.Geometry.CubicBezier} bezier
- * @param {!Element} svg
- */
- drawCurve(bezier, svg) {
- if (!bezier)
- return;
- var width = this.curveWidth();
- var height = this.curveHeight();
- svg.setAttribute('width', this.width);
- svg.setAttribute('height', this.height);
- svg.removeChildren();
- var group = svg.createSVGChild('g');
-
- if (this.linearLine)
- this._drawLine(group, 'linear-line', 0, height, width, 0);
-
- var curve = group.createSVGChild('path', 'bezier-path');
- var curvePoints = [
- new Common.Geometry.Point(
- bezier.controlPoints[0].x * width + this.radius,
- (1 - bezier.controlPoints[0].y) * height + this.radius + this.marginTop),
- new Common.Geometry.Point(
- bezier.controlPoints[1].x * width + this.radius,
- (1 - bezier.controlPoints[1].y) * height + this.radius + this.marginTop),
- new Common.Geometry.Point(width + this.radius, this.marginTop + this.radius)
- ];
- curve.setAttribute(
- 'd', 'M' + this.radius + ',' + (height + this.radius + this.marginTop) + ' C' + curvePoints.join(' '));
-
- this._drawControlPoints(
- group, 0, height, bezier.controlPoints[0].x * width, (1 - bezier.controlPoints[0].y) * height);
- this._drawControlPoints(
- group, width, 0, bezier.controlPoints[1].x * width, (1 - bezier.controlPoints[1].y) * height);
- }
-};
-
-UI.BezierUI.Height = 26;

Powered by Google App Engine
This is Rietveld 408576698