Poster demonstration -canva Drawing Poster 0 1: Canvas drawing and solving the slight fuzzy problem after export.

Why does demoversion appear after I make a poster and save it? You can try "Maker Sticker", which is a web-based online picture design tool. You can make posters. Baidu search will know that there are many templates on it. You can make beautiful pictures simply by changing pictures and words.

What are the poster design tools? General companies have graphic design and visual design or UI designers, but some companies also involve drawing. In addition to ps, here are a few recommended: Maker sticker, Picture Monster, Conva, etc. These are very easy to use, but in fact, designing posters still needs to understand the pain points of users and product features, and optimize their own copywriting and elements. Posters will be used in both official WeChat account and event planning. If you are running Xiaobai, strengthen your own ability. You can also search Chanz Podcast New Media+Short Video Live Operation Discipline. Tools are used by people, but not everyone has tool thinking. Good luck.

Canva draws poster 0 1: canvas draws pictures and solves the problem of slight blur after export. Besides,

Both the img tag and the image in js suggest adding the attribute of cross origin =“anonymous ".

* * Note: * * Some comments from netizens ('cross origin',' anonymous') must be written before the assignment, so the landlord wrote it incorrectly. Please check this link, #27260385.

The effect diagram is as follows:

Fuzzy online demonstration

Solution:

1. First, get the canvas object:

2. Get the pixel ratio and enlarge the width and height of the canvas. The magnification ratio is DevicePixellatio/WebkitBackingstorePixellatio, and we have written a compatible method.

3. Scale the canvas according to the actual rendering scale.

Pay attention to basic knowledge points:

To set the size of the canvas, use and;

To set the actual rendering size of the canvas, simply use the style property or the width and height set by CSS to scale the canvas.

draw pictures

The effect diagram is as follows

On-line demonstration without ambiguity after optimization

Reference link:

A cross-domain problem about image accessing pictures,

Solve the problem of converting the picture from canvas to base64: uncaughtdomexception: failed to execute "toda aull" on "htmlcanvas element": trained canvas maynotbeexported,

Solves the problem that the canvas is blurred under the high-definition screen,