89 lines
2.6 KiB
JavaScript
89 lines
2.6 KiB
JavaScript
/**
|
|
* @file 寻找关键点
|
|
* @author mengke01(kekee000@gmail.com)
|
|
*/
|
|
|
|
define(
|
|
function (require) {
|
|
|
|
var fitBezier = require('graphics/image/fitBezier');
|
|
var findBreakPoints = require('graphics/image/findBreakPoints');
|
|
var pathUtil = require('graphics/pathUtil');
|
|
var data = require('demo/../data/image-contours3');
|
|
var drawPath = require('render/util/drawPath');
|
|
|
|
|
|
|
|
function fitContour(data) {
|
|
|
|
data = pathUtil.scale(data, 10);
|
|
var breakPoints = findBreakPoints(data);
|
|
var resultContour = [];
|
|
for (var i = 0, l = breakPoints.length; i < l; i++) {
|
|
var start = breakPoints[i];
|
|
var end = breakPoints[i < l - 1 ? i + 1 : 0];
|
|
resultContour.push({
|
|
x: start.x,
|
|
y: start.y,
|
|
onCurve: true
|
|
});
|
|
|
|
if (start.right !== 1) {
|
|
var curvePoints = data.slice(start.index, end.index + 1);
|
|
if (curvePoints.length > 6) {
|
|
var bezierCurve = fitBezier(curvePoints, 10);
|
|
if (bezierCurve.length) {
|
|
bezierCurve.forEach(function (p) {
|
|
resultContour.push(p);
|
|
});
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
resultContour = pathUtil.scale(resultContour, 0.1);
|
|
data = pathUtil.scale(data, 0.1);
|
|
|
|
return resultContour;
|
|
}
|
|
|
|
|
|
var entry = {
|
|
|
|
/**
|
|
* 初始化
|
|
*/
|
|
init: function () {
|
|
|
|
var html = '';
|
|
var contours = [];
|
|
data.forEach(function(contour) {
|
|
contour.forEach(function (p) {
|
|
html += '<i style="left:'+p.x+'px;top:'+p.y+'px;"></i>';
|
|
});
|
|
|
|
contours.push(fitContour(contour));
|
|
});
|
|
|
|
var ctx = $('#canvas').get(0).getContext('2d');
|
|
ctx.fillStyle = 'cyan';
|
|
|
|
contours.forEach(function (contour) {
|
|
for (var i = 0, l = contour.length; i < l; i++) {
|
|
html += '<i style="left:'+contour[i].x+'px;top:'+contour[i].y+'px;" class="break"></i>';
|
|
}
|
|
drawPath(ctx, contour);
|
|
});
|
|
|
|
ctx.stroke();
|
|
|
|
$('#points').html(html);
|
|
}
|
|
};
|
|
|
|
entry.init();
|
|
|
|
return entry;
|
|
}
|
|
);
|