javascript - 使用 Jquery mask 图像，高度未定义

Question

如何为每个图像定义特殊边框(顶部和底部)？例如http://grab.by/csU6

如果您检查，图像的顶部和底部有对 Angular 线边框。

谢谢:)

Answer 1

canvas 的 .clip 功能似乎非常适合这项工作:http://jsfiddle.net/eGjak/333/ .

ctx.moveTo(0, 100); // define path to draw in
ctx.lineTo(400, 0);
ctx.lineTo(400, 300);
ctx.lineTo(0, 400);
ctx.clip(); // constrain drawing to inside the path

var img = new Image;
img.onload = function() {
    ctx.drawImage(img, 0, 0);
};
img.src = "http://lorempixum.com/400/400/";​