a canvas component implement in native
npm install canvas-react-native🟢 Fully support 🟡 Most support 🟠 Partial support 🔴 Not support ⚪️ Not yet processed
| Property Name | iOS | Android | Comment |
|---|---|---|---|
| globalAlpha | 🟢 | 🟢 | |
| globalCompositeOperation | 🟢 | 🟢 | |
| imageSmoothingEnabled | 🔴 | 🟢 | |
| imageSmoothingQuality | 🔴 | 🟢 | |
| fillStyle | 🟡 | 🟢 | |
| strokeStyle | 🟢 | 🟢 | |
| shadowBlur | 🟢 | 🟢 | |
| shadowColor | 🟢 | 🟢 | |
| shadowOffsetX | 🟢 | 🟢 | |
| shadowOffsetY | 🟢 | 🟢 | |
| filter | 🔴 | 🟢 | |
| lineCap | 🟢 | 🟢 | |
| lineDashOffset | 🟢 | 🟢 | |
| lineJoin | 🟢 | 🟢 | |
| lineWidth | 🟢 | 🟢 | |
| miterLimit | 🟢 | 🟢 | |
| direction | 🔴 | 🟢 | |
| font | 🟢 | 🟢 | |
| textAlign | 🔴 | 🟢 | |
| textBaseline | 🔴 | 🟢 |
| Method Name | iOS | Android | Comment |
|---|---|---|---|
| restore | 🟢 | ||
| save | 🟢 | ||
| getTransform | |||
| resetTransform | 🟢 | ||
| rotate | 🟢 | ||
| scale | 🟢 | ||
| setTransform | 🟢 | ||
| transform | 🟢 | ||
| translate | 🟢 | ||
| createLinearGradient | |||
| createPattern | 🔴 | 🔴 | |
| createRadialGradient | |||
| clearRect | |||
| fillRect | 🟢 | ||
| strokeRect | 🟢 | ||
| beginPath | 🟢 | ||
| clip | |||
| fill | 🟢 | ||
| isPointInPath | |||
| isPointInStroke | |||
| stroke | 🟡 | ||
| drawFocusIfNeeded | |||
| scrollPathIntoView | |||
| fillText | |||
| measureText | |||
| strokeText | |||
| drawImage | |||
| createImageData | 🟢 | ||
| getImageData | |||
| putImageData | 🟢 | ||
| getLineDash | 🟢 | ||
| setLineDash | 🟢 | ||
| arc | 🟢 | ||
| arcTo | 🟢 | ||
| bezierCurveTo | 🟢 | ||
| closePath | 🟢 | ||
| ellipse | |||
| lineTo | 🟢 | ||
| moveTo | 🟢 | ||
| quadraticCurveTo | 🟢 | ||
| rect | 🟢 |
MIT