Tag:Off screen

  • Canvas animation + canvas off screen technology

    Time:2020-12-12

    animation canvas <span style=”background-color: #f5f5f5; color: #800000;”> .canvas</span><span style=”background-color: #f5f5f5; color: #000000;”>{</span><span style=”background-color: #f5f5f5; color: #ff0000;”>border</span><span style=”background-color: #f5f5f5; color: #000000;”>:</span><span style=”background-color: #f5f5f5; color: #0000ff;”>1px solid #abcdef</span><span style=”background-color: #f5f5f5; color: #000000;”>;</span><span style=”background-color: #f5f5f5; color: #ff0000;”>background-color</span><span style=”background-color: #f5f5f5; color: #000000;”>:</span><span style=”background-color: #f5f5f5; color: #0000ff;”> #a9add2</span><span style=”background-color: #f5f5f5; color: #000000;”>;</span><span style=”background-color: #f5f5f5; color: #000000;”>}</span> Your browser does not […]

  • Full analysis of IOS rendering

    Time:2020-9-26

    I hope that through this article, I will sort out the content related to the rendering principle in IOS from the beginning to the end. I will start from the principle of computer rendering, and slowly talk about the principle and framework of IOS rendering, and finally, I will discuss the off screen rendering in […]

  • From the image fillet of IOS to rendering

    Time:2020-7-3

    Original address: http://chars.tech/2017/07/03/… Fillet is a very common view effect. Compared with right angle, it is softer, more graceful and easy to accept. Setting fillet will bring some performance loss. How to improve the performance is a key topic to be discussed. Common fillet codex.layer.cornerRadius = xx; x.clipsToBounds = YES;These two lines do provide a […]

  • IOS performance optimization

    Time:2020-3-4

    1、 App launch optimization 1. App startup can be divided into two types Cold launch: start app from scratch Warm launch: the app is already in memory and in the background. Click the icon again to start the app The optimization of APP startup time is mainly for cold startup By adding environment variables, you […]

  • HTML5 canvas drawing foundation (source code of business card generator)

    Time:2020-2-23

    Create canvas Your browser does not support canvas Foundation setup var canvas = document.getElementById(‘myCanvas’); var ctx = canvas.getContext(‘2d’); canvas.width=100; canvas.height=100; Draw a straight linemoveTo(x1, y1)lineTo(x2, y2) ctx.moveTo(0, 0); ctx.lineTo(100, 100); ctx.stroke(); Draw circlesctx.arc(x,y,radius,0,2*Math.PI,true) ctx.beginPath(); ctx.arc(300,300,50,0,2*Math.PI,true); ctx.strokeStyle = ‘#000’; ctx.stroke(); Draw rectanglectx.strokeRect(x1, y1,x2, y2) ctx.strokeRect(300,100,200,100); Beginpath() starts a new pathClosepath() closes the current pathNot in pairs […]