HTMLキャンバスラインパターンを回転

Question

キャンバスラインパターンをHTMLキャンバスに描画するにはどうすればよいですか？

var canvas = document.createElement('canvas'); 
var context = canvas.getContext("2d"); 

var canvasPattern = document.createElement("canvas"); 
canvasPattern.width = 10; 
canvasPattern.height = 20; 
var contextPattern = canvasPattern.getContext("2d"); 

contextPattern.fillStyle = 'red'; 
contextPattern.fillRect(0, 0, 20, 10); 
//contextPattern.rotate(130); 

https://jsfiddle.net/nt6ae1Ld/18/

の作業例：https://jsfiddle.net/qb72o9sp/3/

Answer 1

私はすでに60度でキャンバスを回転させているが、あなたの要件は、130度回転している場合uが回転> = 90度という心に留めておく必要がありますオブジェクトは平面に垂直になり、その厚さのために見えなくなります！

contextPattern.rotate(60 * Math.PI/180);