
fabric.js
文章平均质量分 79
fabric.js是一款canvas库
前端韭菜
小前端一枚
展开
-
fabric.js学习(三)之 使用远程图片地址的跨域问题
问题描述在最近的项目中使用fabric.js完成一个在线图片编辑器的过程中,遇到的图片跨域问题实在令人头痛,首先图片编辑器的素材都是后台返回的oss地址,在添加图片之后,使用canvas的toDataUrl去生成base64的图片,总是会报错画布被污染,错误如下图:jing过百度广大网友的曾经遇到过的问题,已经解决,就是在画布渲染图片的时候添加imageUrl.crossOrigin ...原创 2020-04-28 18:08:09 · 2814 阅读 · 0 评论 -
解决canvas绘制oss图片的跨域问题
最近在做公司项目在线海报编辑的时候,tuDataUrl无法将图片转为图片进行预览,这个的原因网上有很多的解释以及解决办法,这里就不再细说。但是按照网上的方法在前端js使用canvas绘制图片时添加crossOrigin=“Anonymous” ,画布canvas会在绘制oss上的图片时,报错has been blocked from loading by Cross-Origin Resourc...原创 2020-04-14 19:41:29 · 3168 阅读 · 0 评论 -
fabric.js学习(二)之 fabric.js控制器样式的修改
fabric.js官网(http://fabricjs.com/)fabric.js官方网站给出了控制器样式的修改,但仅局限于边框颜色以及边框节点形状的等基本样式的修改方式,无法修改添加图标,如图官方文档修改样式代码fabric.Object.prototype.set({ borderColor: 'red', cornerColor: 'red', //激活状...原创 2020-04-06 15:28:56 · 7048 阅读 · 2 评论 -
fabric.js 学习(一)
fabric.js 学习(一)一、概念(什么是fabric.js?fabric.js是一个canvas(画布)的库,可以在canvas上绘制图形(包括文字)以及对画布大小的修改,文字样式的修改,图案(图形)颜色填充以及样式大小的修改,生成json、svg数据,生成的canvas功能自带拖拽功能。用来实现类似在线图片编辑等类型的项目选用fabric.js是一个不错的选择。二、基础使用首先引入...原创 2020-03-13 16:23:19 · 3197 阅读 · 0 评论