令人惊叹的 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 函数(带有圆弧、圆、贝塞尔曲线......)。谢谢