Combinación gráfica de dibujo básico de lona HTML5

<VAnvas> </Canvas> es solo un gráfico de contenedores. Hay tres pasos para dibujar en los elementos <Canvas>>:

1. Obtenga el objeto DOM correspondiente al elemento <Canvas>, que es un objeto de lienzo;

2. Llame al método getContext () del objeto Canvas para obtener un objeto CanvasrenderingContext2d;

3. Llame al objeto CanvasrenderingContext2D para dibujar.

Combinación gráfica:

• GlobalPha: Establezca o devuelva el valor alfa actual o transparente del dibujo

Este método es principalmente para establecer la transparencia de los gráficos, que no se describe en detalle aquí.

• GlobalCompositeOperation: Establezca o devuelva la nueva imagen a cómo dibujarla a las imágenes existentes.

El siguiente es un pequeño ejemplo.

Código XML/HTML Copiar contenido al portapapeles