哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈嚯哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈嚯哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈嚯哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈嚯哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈嚯哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈嚯哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈嚯哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈嚯
天下无灾 百度
import {Skia, BlendMode, SkiaView, useDrawCallback} from "@shopify/react-native-skia"; const paint = Skia.Paint(); paint.setAntiAlias(true); paint.setBlendMode(BlendMode.Multiply); export const HelloWorld = () => { const width = 256; const height = 256; const r = 215; const onDraw = useDrawCallback((canvas) => { // Cyan Circle const cyan = paint.copy(); cyan.setColor(Skia.Color("cyan")); canvas.drawCircle(r, r, r, cyan); // Magenta Circle const magenta = paint.copy(); magenta.setColor(Skia.Color("magenta")); canvas.drawCircle(width - r, r, r, magenta); // Yellow Circle const yellow = paint.copy(); yellow.setColor(Skia.Color("yellow")); canvas.drawCircle(width/2, height - r, r, yellow); }); return ( <SkiaView style={{ flex: 1 }} onDraw={onDraw} /> ); };
const paint = Skia.Paint();
paint.setAntiAlias(true);
paint.setBlendMode(BlendMode.Multiply);
export const HelloWorld = () => {
const width = 256;
const height = 256;
const r = 215;
const onDraw = useDrawCallback((canvas) => {
// Cyan Circle
const cyan = paint.copy();
cyan.setColor(Skia.Color("cyan"));
canvas.drawCircle(r, r, r, cyan);
// Magenta Circle
const magenta = paint.copy();
magenta.setColor(Skia.Color("magenta"));
canvas.drawCircle(width - r, r, r, magenta);
// Yellow Circle
const yellow = paint.copy();
yellow.setColor(Skia.Color("yellow"));
canvas.drawCircle(width/2, height - r, r, yellow);
});
return (
<SkiaView style={{ flex: 1 }} onDraw={onDraw} />
);
};
- 1
- 2
- 3
- 4
- duang
| 标题 | |
|---|---|
| 1 | 2 |
graph TD
Start --> Stop