1

令人惊叹的 Illustrator 插件Ai->canvas可将任意复杂的 Illustrator 图像导出为基于<canvas>. 例如,这是绿色方块 150x150 的代码

function draw(ctx) {

  // layer4/Path
  ctx.save();
  ctx.beginPath();
  ctx.moveTo(150.0, 150.0);
  ctx.lineTo(0.0, 150.0);
  ctx.lineTo(0.0, 0.0);
  ctx.lineTo(150.0, 0.0);
  ctx.lineTo(150.0, 150.0);
  ctx.closePath();
  ctx.fillStyle = "rgb(0, 255, 0)";
  ctx.fill();
  ctx.restore();
}

这是一个愚蠢的例子,因为画一个正方形最好用一个矩形,但无论如何,对于复杂的图像,这是无价的。问题是缩放

如何转换 Ai->canvas 输出的通用绘图函数以接受比例因子?这个方形示例非常简单,但我希望将更通用的东西应用到画布上绘制的 Javascript 函数(带有圆弧、圆、贝塞尔曲线......)。谢谢

4

1 回答 1

3

一种选择是使用scale画布的功能,例如:

ctx.scale(xFactor, yFactor);

更多在这里

于 2012-01-05T11:18:29.323 回答