1。需求测试环境和预发布环境都没有问题，但是在线发布的时候突然出现问题，图片显示不全，或者有部分出来。崩溃了好久。原来是图片太大显示不出来。2.ReportRangeError:Invalidtypedarraylength:48771072WebglFilterBackend.copyGLTo2DPutImageData[ascopyGLTo2D]3.解决方法设置图片的最大值fabric.textureSize=5120;//1024*5=5120testandallcodes/**@Author:ArdenZhao*@Date:2021-12-0711:35:45*@LastEditors:不要编辑*@LastEditTime:2021-12-2811:34:18*@FilePath:/react-ts/src/components/Fabric.js*/importReactfrom'react';import{fabric}from"fabric";classFabricextendsReact.Component{constructor(props){super(props);this.state={canvas:newfabric.Canvas('canvas')}}componentDidMount(){fabric.textureSize=5120;//1024*5=5120constcanvas=newfabric.Canvas('canvas');console.log('画布',画布);//imageconstimgEl=document.createElement('img')imgEl.crossOrigin='Anonymous'//让每个人都能看到图片imgEl.src='https://speechocean-bj.oss-cn-beijing.aliyuncs.com/0.Zzd/1015ziyouku_En/Book/18ac1a7879a187d7805944d3edfe471c8886f7a5318210b578380a5c6f439133.JPG'//imgEl.src='https://2.bp.blogspot.com/-H3JXh2cIKHs/WuwLvnz19cI/AAAAAAAAMXs/-qySdr5zEcc-kcLC4arf5m5H3F_trN7sgCK4BGAYYCw/s1600/kristopher-roller-110203-unsplash-m.jpg'imgEl.onload=()=>{constimage=newfabric.Image(imgEl,{scaleX:0.5,scaleY:0.5,angle:0,//angle:15,top:0,left:0})//应用过滤器该示例推入滤镜image.filters.push(newfabric.Image.filters.Contrast({contrast:0.2}))//这里需要重新组织所有滤镜效果image.applyFilters()canvas.add(image)}};render(){return
