さて、タイトルが非常に曖昧であることはわかっていますが、ここに私のより具体的な質問があります。現在、使用しているトリミングツールからのデータポイントを保存するためにPHPとSQLを使用する必要がないようにしています。トリミングツールを使用すると、左上(x、y)の座標と右下(x、y)の座標が得られ、PHPのデータベースに送信してきれいな画像を作成できます。
Raphaelを見つけたところ、画像をクリップできるクリップ修正ツールがあり、クリップされた画像が表示されることに気付きました。私がやりたいのは、そのクリップされた画像を取り、ラファエルの円をそれで埋めることです。
var paper = Raphael(10, 50, 500, 400);
var paperCenter_X = 500/2;
var paperCenter_Y = 400/2;
//var circle = paper.circle(50, 40, 60);
var circle = paper.circle(paperCenter_X, paperCenter_Y, 100);
circle.attr("stroke", "#000");
var grabImage = document.getElementById("jelly");
var src = grabImage.src;
//alert(src);
var img = paper.image(src, 10, 10, 800, 600);
img.attr({"clip-rect":"0 0 100 150"});
//var newImage = new Image();
//newImage.src = img.src;
alert(newImage.src);
circle.attr({fill: 'url("'+img+'")'});
ですから、私がコメントしたものは、私が試したものであり、機能していません。理想的には、円をimg.attr({"clip-rect": "0 0 100 150"});で埋めるだけです。これを行う方法についての提案は素晴らしいでしょう。