如何用javascript更改剪辑路径？

Question

我想用javascript（没有jquery）更改图片剪辑，但似乎我做得不对。

这是小提琴 - https://jsfiddle.net/y4j7bLge/1/

css:
clip-path: inset(20px 20px 20px 20px); // works

javascript:
el.style.clipPath = "inset(60px 60px 60px 60px);" // doesn't work

Answer 1

删除值末尾的byte[] buf = new byte[1024]; int len; while ((len=in.read(buf)) >= 0) { // do something with buf[0 .. len] } 。

;

＆＃13;

＆＃13;

el.style.clipPath = "inset(60px 60px 60px 60px)" 
//                                 here ------^^-----

＆＃13;

var el = document.getElementById("someImg")

// doesn't work
el.style.clipPath = "inset(60px 60px 60px 60px);"

＆＃13;

#someImg {
  width: 332px;
  height: 300px;
  background-image: url(https://www.codeproject.com/KB/GDI-plus/ImageProcessing2/img.jpg);
  clip-path: inset(20px 20px 20px 20px);
}

＆＃13;

＆＃13;

＆＃13;