简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - How to crop images into rounded rectangles online through Html5 or original js?
ringa_lee
ringa_lee 2017-06-08 11:03:09
0
2
688

Is there any way in h5 or js to crop the image on the web page, and then cut it into rounded corners? At present, I have only seen rectangular cuts. I wonder if it is possible to achieve a transparent .png cut with rounded corners

ringa_lee
ringa_lee

ringa_lee

reply all (2)
黄舟
黄舟2017-06-08 11:05:09 2 floor

You need a canvas, and then use the line API and arcto API of canvas to complete this series of coquettish operations.

Like+0
Add Reply
    小葫芦
    小葫芦2017-06-08 11:05:09 1 floor

    canvas drawing trajectory is circular

    Like+0
    Add Reply
      Popular Topics
      More>
      Popular Articles
      Popular Tutorials
      More>
      Related Tutorials
      Popular Recommendations
      Latest courses
      Latest Downloads
      More>
      Web Effects
      Website Source Code
      Website Materials
      Front End Template
      About us Disclaimer Sitemap
      php.cn：Public welfare online PHP training，Help PHP learners grow quickly！