Kmilitha3
Descargar como PPTX, PDF0 recomendaciones322 vistas
El documento describe cómo dibujar diferentes formas geométricas como líneas, curvas, rectángulos, círculos y elipses usando el método graphis en JavaScript. Explica cómo establecer las coordenadas y propiedades como el color para cada forma y cómo agregar relleno a la elipse.
Kmilitha3
- 2. Escribimos en la ventana de acciones This.graphis que es el método para crear gráficos Le damos propiedades a la variable.
- 3. Luego escribimos sus coordenadas. Aparece nuestra line con el color y coordenadas que le damos.
- 4. Luego un cruce de líneas con curva mediante curveto. Al ejecutarlo nos aparecerá una line recta con otra curva, es importante determinar el radio de la misma
- 5. Agregamos otra línea cambiando sus coordenadas. Ahí tenemos nuestra tercera línea.
- 6. Con el siguiente código realizaremos un rectángulo Mediante drawRect.
- 7. Como las coordenadas no tienen gran diferencia con los otros gráficos, nos aparece al ejecutarlo encima de ellos Podemos mediante drawRoundRect hacer que las esquinas del rectángulo sean curvas.
- 8. Este es el resultado.
- 9. Luego vamos a ordenar al computador que nos dibuje un circulo mediante drawCircle
- 10. Las coordinas son diferentes a la de los otros gráficos por eso aparece en otra ubicación.
- 11. Por ultimo se dibujara una elipse mediante drawEllipse
- 12. Aparecerá presionando Ctrl+Intro lo siguiente.
- 13. Podemos agregarle relleno a la imagen de nuestra elipse escribiendo regfill y terminamos el relleno con endfill.
- 14. El relleno según el color dado en código sexagesimal puede cambiar.