js实现个性产品的定制并截图（DIY）

最近做的一个项目里面有一个定制的需求。大致是需要从自己的设计图纸上将所有的设计图标加入产品然后截图查看截图后的自定义设计。

因为需要截图，我首先想到的就是用canvas，由于本人对canvas了解不是太深，所以实现这个需求我只是用了canvas的toDataURL（还是太菜惹的祸啊 ~~呜呜呜）。我选择了先用js将定制的需求功能实现，记录下所有的图片以及图片的位置。然后再将图片划入画布。话不多说直接上代码

	
		
		
		
		
		
	
	
		

            
			

            
			

				

					

						
					
					

						
					
					

						
					
					

						
					
					

						
					
					

						
					
				
			
			

		
		
保存为图片
		
	

当然了，还是可能会出现一些小BUG，仓促之间做的功能，还需要多多优化，希望各位大佬多多指正。