我是一个有用的助手,可以为您翻译文本。
如您在附加文件中所见,我很好地绘制了一个畸形的矩形,但图像仍然无法包裹创建的形状。有人知道我该如何做吗?有更好的方法吗?我做错了什么吗?
谢谢您的时间。
编辑:为了更具体,我已经添加了其他图像以展示我的想法。
我之前发布了这篇文章,询问您对哪个JS库更好或者可以完成我展示的工作的看法。由于在这里不允许这样做,所以我进行了调查,并尝试使用EaselJS完成这项工作。因此,我现在的问题已经改变了。
这是我的一段代码:
function handleImageLoad(event) {
var img = event.target
bmp = new createjs.Bitmap(img);
/*Matrix2D Transformation */
var a = 0.880114;
var b = 0.0679298;
var c = -0.053145;
var d = 0.954348;
var tx = 37.4898;
var ty = -16.5202;
var matrix = new createjs.Matrix2D(a, b, c, d, tx, ty);
var polygon = new createjs.Shape();
polygon.graphics.beginStroke("blue");
polygon.graphics.beginBitmapFill(img, "no-repeat", matrix).moveTo(37.49, -16.52).lineTo(336.27, -36.20).lineTo(350.96, 171.30).lineTo(50.73, 169.54).lineTo(37.49, -16.52);
stage.addChild(polygon);
stage.update();
}
变量a、b、c、tx和ty是来自单应矩阵的值,
0.880114 0.067979298 37.4898
-0.053145 0.954348 -16.5202
-0.000344 1.0525-006 1
如您在附加文件中所见,我很好地绘制了一个畸形的矩形,但图像仍然无法包裹创建的形状。有人知道我该如何做吗?有更好的方法吗?我做错了什么吗?
谢谢您的时间。
编辑:为了更具体,我已经添加了其他图像以展示我的想法。