canvas海报-微信小程序中利用canvas 2d绘制的海报，获取图片临时地址第一次报错，第二次又没问题了，请问怎么解决啊？

澶锛

img 绛惧 js 涓image 藉缓璁澧 crossorigin = "anonymous" 灞

**娉ㄦ锛 **ㄥ缃璇璁('crossOrigin', 'anonymous') 蹇椤绘 ㄤ璧 涔锛浠ユゼ涓诲娉璇 浠ョ杩涓炬 荤, #27260385

惧涓:

妯$ㄧ嚎demo

瑙e虫规锛

1.棣涓凤峰 Canvas 瀵硅薄锛

2.峰绱姣锛灏 Canvas 瀹介杩琛惧ぇ锛惧ぇ姣渚涓猴devicePixelRatio / webkitBackingStorePixelRatio , 浠浜涓涓煎圭规

3.瀹娓叉ョ缉canvas

娉ㄦ虹ヨ癸

瑕璁剧疆canvas诲澶у锛浣跨ㄧ 锛

瑕璁剧疆诲瀹娓叉澶у锛浣跨ㄧ style 灞фCSS璁剧疆 width height锛绠瀵圭诲杩琛缂╂俱

4.缁

惧涓

浼涓妯$ㄧ嚎demo

炬ワ

涓涓充image璁块剧璺ㄥ棰,

瑙e canvas 灏剧杞涓base64ラ: Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported,

瑙e canvas ㄩ娓灞涓缁舵ā绯棰,

微信小程序中利用绘制的海报获取图片,临时地址,第一次报错可进行下一次更正。

改完canvas的属性 widht、height之後 你得需重绘画面(render) 如果用复制的,画面会照先前的比例 假如原本大小 400 x 400 放大1000 x 1000 你复制的画面就会只有一小块 如果是要连画面一起拉伸, 1.直接改变canvas的样式就行 2.算好缩放比例,把比例的参数加进render函数的坐标演算中(不如说你一开始就得有这参数),重新再跑一次