美文网首页
canvas drawImage方法

canvas drawImage方法

作者: 霸道的黑猫 | 来源:发表于2018-08-09 14:57 被阅读0次

    dravImage方法是用来在画布上绘制图像,视频和画布的
    还可以用来绘制图像的部分内容,以及增加或者减少图片的尺寸
    使用方法

    var c=document.getElementById("myCanvas");
    var ctx=c.getContext("2d");
    var img=document.getElementById("tulip");
    ctx.drawImage(img,10,10);
    

    它的参数有

    context.drawImage(img,sx,sy,swidth,sheight,x,y,width,height);
    

    img : 图片元素
    sx,sy: 开始剪切的图片的其实位置的坐标
    swidth,sheight: 剪切的图片的大小
    x,y 图片在画布的摆放位置
    width,height 要使用的图片宽度和高度

    相关文章

      网友评论

          本文标题:canvas drawImage方法

          本文链接:https://www.haomeiwen.com/subject/vvaqbftx.html