【资料图】
你可以看看代码的主题、思想和备注。
(资料图)
我的博客里还有一篇画布画长方形的文章,有需要可以看看;
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"
本文[高级伪原创标题]到此分享完毕,希望对大家有所帮助。