1

驚くべきIllustratorプラグインAi->canvasは、任意の複雑なIllustrator画像をで描画するJavascriptコードにエクスポートし<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

1つのオプションはscale、キャンバスの機能を使用することです。例：

ctx.scale(xFactor, yFactor);

詳細はこちら

于 2012-01-05T11:18:29.323 に答える