当前位置: 首页 > news >正文

手机网站制作优化南宁求介绍seo软件

手机网站制作优化,南宁求介绍seo软件,成都企业网站,网站项目建设策划书流程必要解释:最好看完。。省流版的话,toDataURL 的 multiplier参数不要设置超过500; 情景:在做某些功能的时候涉及到图形的预览,预览的时候是导出为40*40 像素的图片,当碰到某些图形非常小的时候,…

必要解释:最好看完。。省流版的话,toDataURL 的 multiplier参数不要设置超过500;

情景:在做某些功能的时候涉及到图形的预览,预览的时候是导出为40*40 像素的图片,当碰到某些图形非常小的时候,例如该图形是0.01宽/0.01高,那么如果想要得到该图形40*40大小的图片则需要放大非常大的倍数 multiplier,从而导致 toDataURL 一个函数就需要执行1秒(根据放大倍数而定),且放大的倍数 multiplier 有一个临界值,当multiplier的值超过xxx时,multiplier每提高一段倍数,所需的时间更长。例如multiplier800是1秒,multiplier1200是2秒 (当时情况已经忘了,所以只是打个比方,感兴趣的自己测下就知道了)。。

吐槽:当时解决大量图形的性能瓶颈,解决完虚拟化列表后,自测时还是发现某些情况下(某些素材)加载时、操作时有性能问题,当时找了半天最后才发现是 toDataURL 导致的性能问题;


解决方案:

宽||高超过40的就是缩小了,不存在性能问题;
0.01*0.01的图形放大至40的时候,40/0.01就会得到4000的倍率,而且这么这么小的图形即使放大,也看不清,故而采取措施为将该图形不进行图片提取,反正拿到图片你也看不见这图形,不如不拿就完事了。。

本文其实就是讲解思路和问题点所在,代码案例写不写无所谓,没啥复杂的,但也分享下自己案例的相关片段;

          val.clone(async (newShape: fabric.Object) => {const options = {strokeWidth: 1,} as any;if (newShape.stroke) {options.stroke =newShape.processMode === ProcessMode.cut? newShape.originStrokeForCut: newShape.originStroke;}const w = newShape.width && 30 / (newShape.width * (newShape.scaleX as number));const h = newShape.height && 30 / (newShape.height * (newShape.scaleY as number));const multiplier = Math.min((w || h) as number, (h || w) as number);e.base64 = '';if (multiplier < 500) {multiplier < 1 && (options.strokeWidth = (1 / multiplier) * 1.5);newShape.set(options);e.base64 = newShape.toDataURL({multiplier,});}});

http://www.dt0577.cn/news/29248.html

相关文章:

  • 惠州网站建设公司哪家好深圳英文网站推广
  • 网站建化百度广告联盟一个月能赚多少
  • 自己做的网站二维码怎么做的2023网络营销成功案例
  • 小程序开发公司哪家好?哪家最好?seo 推广怎么做
  • 佛山企业做网站网推接单平台有哪些
  • 做视频剪辑接私活的网站上海高端网站定制
  • 网站开发和嵌入式开发哪个新网站推广最直接的方法
  • 设计师交流网站外包接单平台
  • 乐清建网站哪家强交换链接平台
  • 深圳网站建设微信开发百度推广点击一次多少钱
  • 建立企业营销网站主要包括哪些内容站内免费推广有哪些
  • dedecms做的系统_网站主页是哪一个文件app注册推广团队
  • 六安网站建设培训整合营销的特点有哪些
  • 摄影网站有哪些功能百度接单平台
  • 融资网站建设今日的最新消息
  • 深圳全网推广正规专业公司seo网站运营
  • 专业网站定制价格深圳关键词优化软件
  • 房产网站的建设廊坊网站建设优化
  • 响应式网站一般做几个尺寸佛山竞价账户托管
  • 织梦cms建站网站开发流程的8个步骤
  • 网站开发经验教训贴吧高级搜索
  • 辛集市住房和城乡建设厅网站京津冀协同发展
  • 盐城网站开发基本流程高手优化网站
  • 四川宜宾建设局官方网站手机百度app免费下载
  • 美橙网站建设2024年8月爆发新的大流行病毒吗
  • icp网站备案如何制作一个网页页面
  • 做衣服招临工在什么网站找近一周热点新闻
  • 申请自助建站进行网络推广
  • 网站开发案例pdf百度地址如何设置门店地址
  • 中太建设集团官方网站网页设计效果图及代码