画像のテキスト合成

 
//图片文字合成の
合成(タイプは、テキスト、MYID){
imgURLを聞かせて、
スイッチ(タイプ){
ケース'1.html':
imgURL = '静的/画像/ 1.png'。
ブレーク;
ケース'2.html':
imgURL = '静的/画像/ 2.png'。
ブレーク;
ケース'3.html':
imgURL = '静的/画像/ 3.png'。
ブレーク;

デフォルト:
= '静的/画像/ 4.png' imgURL。
ブレーク;
}
IMGをしましょう。
document.getElementById(MYID).height = 0。
document.getElementById(MYID).height = 100。
VAR mainCtx =のdocument.getElementById(MYID)。

//合成される画像作成
VAR = starImg新しい新しいイメージを();
starImg.src = imgUrl;
starImg.onload =関数(){
//描画画像
mainCtx.drawImage(starImg、31、32 38 18である場合);
//テキスト、画像が合成
mainCtx.font = "ノーマル500 14pxのArialを";
mainCtx.fillStyle = "#073 061";
mainCtx.textAlign = "センター";
mainCtx.fillText(テキスト、50、70、80);
//輸出合成写真
document.getElementById MyCanvas = VAR(MYID);
IMG mycanvas.toDataURL =( "画像/ JPEG"、1.0);
};
}

おすすめ

転載: www.cnblogs.com/namehou/p/11736349.html