Canvas 剪切图片

时间:2022-05-03
本文章向大家介绍Canvas 剪切图片，主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。
/**
 * 剪切图像
 */
function initDemo8(){
    var canvas = document.getElementById("demo8");
    if (!canvas) return;
    var context = canvas.getContext("2d");
    var img = new Image();
    img.src = "images/timg3.jpg";
    img.onload = function () {
        context.beginPath();
        context.moveTo(50, 50);
        context.lineTo(150, 50);
        context.lineTo(150, 150);
        context.lineTo(50, 150);
        context.lineTo(50, 50);
        context.closePath();
        context.clip();
        context.drawImage(img, 0, 0, 350, 350);
    };
}

随机文章
本站知识点必读
最近更新