随笔分类 -  canvas

canvas裁剪图片
摘要：图片裁剪 选择一个图片,然后载入到img中,有一个固定的选框,选取图片的一部分,可以拖动图片改变选取的部分. 这个操作经常出现在上传头像时,需要头像图片是一个指定比例或者长度宽度的图片. 实现这个功能关键在于计算图片在选框区域内的坐标点.然后调用ctx.drawImage()这个方法,把选区的图片画 阅读全文
posted @ 2020-12-18 19:06 mirrorspace 阅读(638) 评论(0) 推荐(0) 编辑
canvas路径剪切和判断是否在路径内
摘要：1.剪切路径 clip() var ctx=mycanvas.getContext('2d'); ctx.beginPath(); // 建一个矩形路径 ctx.moveTo(20,10) ctx.lineTo(100,10) ctx.lineTo(100,100) ctx.lineTo(20,10 阅读全文
posted @ 2017-02-22 18:15 mirrorspace 阅读(1250) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示