私の問題:パターンオブジェクトの作成に使用されている ImageObject があります。私の問題は、パターンを作成する前に Image のプロパティwidth
とheight
プロパティを変更したことですが、実際にはイメージを再マップしません (それも問題ありません)。問題は、画像自体とは異なるサイズ (元の画像サイズ) のパターンを取得したことです。そのパターンのfillStyleで線を描きたいのですが、合いません(新しいサイズのパターンが必要なので)。
私の質問:パターンの幅と高さを調整できるようにする簡単な方法はありますか?
私の試みと、それらが気に入らない理由:
1) 元の画像を新しいサイズのキャンバスにレンダリングし、そこからパターンを作成します。キャンバスの作成とレンダリングが遅すぎるため、パターンを直接ロードできないため、これを使用しませんでした。しかし、私は直接そのパターンが欲しい
2) 新しい画像サイズと元の画像サイズの差異を計算し、コンテキストの lineWidth を変更して、パターンの高さが正確に収まるようにし、線を縮小して適切なサイズにします。リアルタイムでレンダリングするため、これを使用しませんでした。これは、後で Web アプリケーションで使用するには遅すぎます。