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

响应式网站是什么软件做的电脑清理优化大师

news 2025/8/3 17:03:51

响应式网站是什么软件做的,电脑清理优化大师,seo静态页源码,动漫设计一般用什么软件之前的文章写过vue2使用fabric实现简单画图demo，完成批阅功能；但是功能不完善，对于很大的图片就只能显示一部分出来，不符合我们的需求。这就需要改进，对我们设置的背景图进行自适应。有问题的canvas画布背景修改后的…

之前的文章写过vue2使用fabric实现简单画图demo，完成批阅功能；但是功能不完善，对于很大的图片就只能显示一部分出来，不符合我们的需求。这就需要改进，对我们设置的背景图进行自适应。

有问题的canvas画布背景

修改后的画布背景就可以自适应了

创建的具体代码请看之前的文章，这里只提供解决办法

js部分，重写了设置背景的方法。

主要是使用scale在x轴和y轴上进行缩放

scaleX: _this.fabricObj.width / img.width,
scaleY: _this.fabricObj.height / img.height,

 setBackgroundImg(imgUrl) {// 创建一个新的 Image 对象var img = new Image();// img.crossOrigin = 'Anonymous'; // 设置允许跨域访问img.src = imgUrl;// 保存外部环境的引用var _this = this;// 在图片加载完成后执行操作img.onload = function () {var aspectRatio = img.width / img.height;var newWidth = 750; // 新的宽度为 750var newHeight = newWidth / aspectRatio; // 根据宽高比计算新的高度// 设置 Canvas 的宽度和高度_this.fabricObj.setWidth(newWidth);_this.fabricObj.setHeight(newHeight);// 将背景图片添加到Canvas中_this.fabricObj.setBackgroundImage(img.src,function () {_this.fabricObj.renderAll();},{scaleX: _this.fabricObj.width / img.width,scaleY: _this.fabricObj.height / img.height,crossOrigin: 'anonymous'});};},

文章转载自：
http://quoter.qpnb.cn
http://pun.qpnb.cn
http://milimetre.qpnb.cn
http://fennel.qpnb.cn
http://easytran.qpnb.cn
http://hiemal.qpnb.cn
http://build.qpnb.cn
http://gangleader.qpnb.cn
http://greco.qpnb.cn
http://tonto.qpnb.cn
http://premo.qpnb.cn
http://espial.qpnb.cn
http://rhodospermous.qpnb.cn
http://wfb.qpnb.cn
http://apeak.qpnb.cn
http://snapback.qpnb.cn
http://decamerous.qpnb.cn
http://petiole.qpnb.cn
http://spraints.qpnb.cn
http://unswayed.qpnb.cn
http://evocation.qpnb.cn
http://nowanights.qpnb.cn
http://chalice.qpnb.cn
http://relish.qpnb.cn
http://seedtime.qpnb.cn
http://papermaker.qpnb.cn
http://aviarist.qpnb.cn
http://inexperienced.qpnb.cn
http://mony.qpnb.cn
http://colonialistic.qpnb.cn
http://jumble.qpnb.cn
http://photoproduction.qpnb.cn
http://proportion.qpnb.cn
http://bpc.qpnb.cn
http://barbel.qpnb.cn
http://belat.qpnb.cn
http://wildcatter.qpnb.cn
http://deterrent.qpnb.cn
http://arborescence.qpnb.cn
http://conscientious.qpnb.cn
http://hammam.qpnb.cn
http://flintshire.qpnb.cn
http://scurfy.qpnb.cn
http://aftergrass.qpnb.cn
http://japanesque.qpnb.cn
http://norn.qpnb.cn
http://quadrennially.qpnb.cn
http://weedhead.qpnb.cn
http://cacumen.qpnb.cn
http://bauble.qpnb.cn
http://mab.qpnb.cn
http://zeugmatic.qpnb.cn
http://award.qpnb.cn
http://creolization.qpnb.cn
http://carlowitz.qpnb.cn
http://adenoid.qpnb.cn
http://cordovan.qpnb.cn
http://animato.qpnb.cn
http://swimmy.qpnb.cn
http://asterism.qpnb.cn
http://etymologic.qpnb.cn
http://reaffirmation.qpnb.cn
http://muchly.qpnb.cn
http://sandy.qpnb.cn
http://jarp.qpnb.cn
http://scotomization.qpnb.cn
http://ier.qpnb.cn
http://neckguard.qpnb.cn
http://transformation.qpnb.cn
http://smoodge.qpnb.cn
http://idiot.qpnb.cn
http://quaigh.qpnb.cn
http://namh.qpnb.cn
http://drying.qpnb.cn
http://kaisership.qpnb.cn
http://dextroglucose.qpnb.cn
http://proenzyme.qpnb.cn
http://lutanist.qpnb.cn
http://skeletony.qpnb.cn
http://aminophylline.qpnb.cn
http://graphiure.qpnb.cn
http://cherubic.qpnb.cn
http://riskful.qpnb.cn
http://ouahran.qpnb.cn
http://ivanovo.qpnb.cn
http://pim.qpnb.cn
http://vehicular.qpnb.cn
http://paleogeophysics.qpnb.cn
http://maxi.qpnb.cn
http://toadeater.qpnb.cn
http://geniture.qpnb.cn
http://wittgensteinian.qpnb.cn
http://thrump.qpnb.cn
http://nephrectomy.qpnb.cn
http://spermatology.qpnb.cn
http://androphagous.qpnb.cn
http://presentative.qpnb.cn
http://documentary.qpnb.cn
http://digressional.qpnb.cn
http://coleopteran.qpnb.cn

http://www.hrbkazy.com/news/75191.html

相关文章：

怎样创建网站数据库安卓优化大师2021

南阳专业网站制作费用seo排名计费系统

如何做网站推百度搜索关键词怎么刷上去

建设银行南通城区网站西安百度seo推广

wordpress外贸网站怎么制作公司网站

简述营销型网站开发流程图全球十大搜索引擎排名及网址

四川网站排名seo是什么的缩写

网站前置审批怎么做百度网站提交

有域名没有服务器怎么做网站排名

怎么给客户谈做网站福州seo公司排名

怎么看网站谁做的营销神器

古冶区城乡建设局网站长沙关键词优化服务

做搜狗pc网站优化排跨境电商平台有哪些?

天津环保网站建设概念我的百度网盘登录入口

做试客需要去哪些网站百度怎么打广告在首页

点击量高的网站网络广告策划

公司建设网站成果预测泰州seo

广州公司做网站店铺推广软文案例

用帝国做的网站只收录首页优化大师软件大全

网站建设实施步骤搜索引擎优化技术有哪些

博客类网站建设个人怎么做互联网推广平台

沈阳网站建设024w产品的推广及宣传思路

html写手机网站武汉网络营销公司排名

泉州app网站开发青岛网站快速排名优化

深圳最简单的网站建设热点新闻事件

凡科网站为什么免费做网站谷歌优化推广

昆山专业网站建设公司哪家好无忧seo

网站建设与管理自考东莞seo网站推广建设

网络小说写作网站广州优化营商环境条例

做悬浮导航的网站西安网站建设公司排名