基于canvas的陈列订货的分析

订货会软件中又新增了进行陈列订货,即一杆衣服订的显示出来,没订的不显示出来

主要遇到的问题是如何呈现,原先老是想着定位,left,top但是花出来的图容易出现原先的数据填写错误导致后期的图片的呈现出现各种偏移,且工作量在抠图的基础上又增加了

在进行抠图的时候看到图片可以保存成与原图一样大小的图片进行无缝叠加,不仅美观,实现起来容易

使用canvas时底图在前挡住了有定量的图

先onload底图

附上实现的结果,右边的canvas画出来的,因为我把货订满了; 下面的搭配其实现的方式也是一样的,但是要学习下如何使用fliter把png的图转换成别的颜色,在张鑫旭的博客有详细的介绍到

一个小技巧

在实际的向后台传输数据的过程中,与其点击时才开始收集触发条件,不如直接将值放入input type="hidden"其的使用可以大大缩小工作量,可以把要的条件存放到里面待使用的时候拿出使用



原文地址:https://www.cnblogs.com/heyinwangchuan/p/6234638.html