Question

html5 中canvas可以替换图片中的一部分，替换成另外一张图片吗？

比如，我选中的部分
替换成另外的图片。请问怎么做

Answer 1

当然可以.可以将一个图片定义成一个图案填充

追问

请问可以提供一个实例吗。万分感谢

追答

给个简单的示例

var canvas=document.getElementById("canvas");
if(canvas.getContext("2d")){
var ctx=canvas.getContext("2d");
img=document.getElementById("sg");
ctx.drawImage(img,0,0,canvas.width,canvas.height);
ctx.save();
var pic=new Image();
pic.src="images/1.png";
pic.onload=function(){
var pt=ctx.createPattern(pic,"no-repeat");
ctx.beginPath();
ctx.arc(150,150,50,0,Math.PI*2,true);
ctx.fillStyle=pt;
ctx.fill();
}
ctx.restore();

追问

额。这个不是我要的效果那。你的我也实现过了，我想要的是这样子的

比如我选中的部分我要换成另外一种颜色。可能是花形等等，其他保持不变

额，他的褶皱不变