canvas 画布2D
canvas学习和提升
啥咕啦呛
关注我,关注我,关注我!谢谢~
有志者事竟成破釜沉舟百二秦川终属楚,
苦心人天不负卧薪尝胆三千越甲可吞吴!
展开
-
canvas中矩形围绕左上角旋转后求矩形中心的算法
近日,由于业务需求,我做了一个小算法,就是关于图片旋转后的定位问题。canvas中画的图,旋转中心是左上角,name已知旋转的度数怎么求旋转后的矩形中心点坐标呢??当然这一切都是基于JavaScript来做的逻辑运算。如图所示,已知A点坐标(),旋转角度θ,矩形宽高,求出矩形旋转后E点的坐标。思路:已知AB、BC的长度,矩形对角线夹角∠BAC即α度数可以求出来;通过勾股定理,可以求出AE的长度;再根据正余弦定理,可以分别求出AD,DE的长度;最后,根据A点坐标可以算.原创 2020-08-28 14:24:52 · 1395 阅读 · 0 评论 -
fabricJs中给canvas添加跨域背景图片报错Tainted canvases may not be exported
最近几期我想分享一下我的项目中使用vue+fabric.js过程中遇到的坑。就比如给canvas加背景时,就会出现跨域的报错提示。我用的是vue-element相关框架,在此不多做赘述,后面再出专题讲我的前端架构。vue的methods:{}方法中写入:getURLBase64(url) { //将远程图片下载本地成为base64图片 let _this = this; return new Promise((resolve, reject) => {原创 2020-08-28 09:55:00 · 1172 阅读 · 0 评论