当前位置: 首页 > 资讯 > > 内容页

vue + canvas + 试卷批改(vue下canvas裁剪图片实例讲解)_天天聚看点

发布时间:2023-06-16 09:39:29 来源:互联网


【资料图】

你可以看看代码的主题、思想和备注。

(资料图)

我的博客里还有一篇画布画长方形的文章,有需要可以看看;

HTML代码:

第一行的画布是裁剪后的展示;div中的画布存储原始大小的图片。

canvas id=" canvasimg 1 " style=" position:absolute;margin:2px 0 0 "/canvasdiv id=" dymimgcanv 1 " style=" display:none;"canvas id=" dymcurrimg 1 "src=" left img。carimgurl " width=" 1920 " height=" 1080 "/canvas/div js截取图片方法

1切割方法参数传输

omark 2[" canvas 1 "]=" canvasimg 2 "//展示结果canvas id mark 2[" canvas 2 "]=" dymcurrimg 2 "//画布原始图片canvas id omark 2[" ImgUrl "]=carImgUrl;omark 2["向左偏移"]=location[0];omark 2[" offsetTop "]=location[2];omark 2[" offsetWidth "]=location[1]-location[0];omark 2["偏移高度"]=location[3]-location[2];2裁剪方法(注意:下边方法中关于构建的画布canvas1,

canvas1=oMark["canvas2"]="dymCurrImg2"

本文[高级伪原创标题]到此分享完毕,希望对大家有所帮助。

推荐阅读