SecurityError: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.
componentWillUnmount() {
this.props.words.forEach(w =>
w.letters.forEach(l => {
const existing = this.imageCache.get(l.letterId);
if (existing) return;
const image = new Image();
// image.crossOrigin = "Anonymous";
image.src = this.props.letters.find(
ll => ll.id === l.letterId
).imgThumbnailUrl;
image.onload = () => {
this.handleLetterFetched(l.letterId);
};
// localStorage.setItem( "chosenLetterImages", image );
this.imageCache.set(l.letterId, { image, fetched: false });
})
);
};
componenDidUpdate() {
this.canvases.forEach((canvas, wordIndex) => {
const letterImages = this.props.words[wordIndex].letters.map(
l => this.imageCache.get(l.letterId).image
);
const ctx = canvas.getContext("2d");
letterImages.forEach((image, index) => {
ctx.drawImage(
image,
-imageWidth / 2,
-imageHeight,
imageWidth,
imageHeight
);
// let data = canvas.toDataURL("image/png");
// this.props.framingNonFrameCanvasInPng(data);
}
երբ ես վազում եմ
let data = canvas.toDataURL("image/png");
Ես սխալ եմ ստանում վերևում: Երբ ես օգտագործում եմ img.crossOrigin = 'Անանուն'; Մի սխալը անհետանում է, բայց մյուս սխալը հայտնվում է
image access from firebase database has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:3000' is therefore not allowed access.
Ես պարզապես փորձում եմ կտավը վերափոխել png պատկերի, որպեսզի կարողանամ այն կիսել Ֆեյսբուքում իմ react հավելվածում:
Օգնեք շատ գնահատված:
