mirror of
https://github.com/zoriya/react-native-svg.git
synced 2025-12-05 22:56:11 +00:00
Added CI workflow and local pre-commit hook for formatting and linting the newly added JS, iOS and Android code.
279 lines
6.2 KiB
Plaintext
279 lines
6.2 KiB
Plaintext
/**
|
|
* Copyright (c) 2015-present, Horcrux.
|
|
* All rights reserved.
|
|
*
|
|
* This source code is licensed under the MIT-style license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*/
|
|
#import "RNSVGMarker.h"
|
|
#import "RNSVGBrushType.h"
|
|
#import "RNSVGNode.h"
|
|
#import "RNSVGPainter.h"
|
|
#import "RNSVGViewBox.h"
|
|
|
|
#ifdef RN_FABRIC_ENABLED
|
|
#import <react/renderer/components/rnsvg/ComponentDescriptors.h>
|
|
#import <react/renderer/components/view/conversions.h>
|
|
#import "RCTConversions.h"
|
|
#import "RCTFabricComponentsPlugins.h"
|
|
#import "RNSVGFabricConversions.h"
|
|
#endif // RN_FABRIC_ENABLED
|
|
|
|
@implementation RNSVGMarker
|
|
|
|
#ifdef RN_FABRIC_ENABLED
|
|
using namespace facebook::react;
|
|
|
|
- (instancetype)initWithFrame:(CGRect)frame
|
|
{
|
|
if (self = [super initWithFrame:frame]) {
|
|
static const auto defaultProps = std::make_shared<const RNSVGMarkerProps>();
|
|
_props = defaultProps;
|
|
}
|
|
return self;
|
|
}
|
|
|
|
#pragma mark - RCTComponentViewProtocol
|
|
|
|
+ (ComponentDescriptorProvider)componentDescriptorProvider
|
|
{
|
|
return concreteComponentDescriptorProvider<RNSVGMarkerComponentDescriptor>();
|
|
}
|
|
|
|
- (void)updateProps:(Props::Shared const &)props oldProps:(Props::Shared const &)oldProps
|
|
{
|
|
const auto &newProps = *std::static_pointer_cast<const RNSVGMarkerProps>(props);
|
|
|
|
self.refX = [RNSVGLength lengthWithString:RCTNSStringFromString(newProps.refX)];
|
|
self.refY = [RNSVGLength lengthWithString:RCTNSStringFromString(newProps.refY)];
|
|
self.markerHeight = [RNSVGLength lengthWithString:RCTNSStringFromString(newProps.markerHeight)];
|
|
self.markerWidth = [RNSVGLength lengthWithString:RCTNSStringFromString(newProps.markerWidth)];
|
|
self.markerUnits = RCTNSStringFromStringNilIfEmpty(newProps.markerUnits);
|
|
self.orient = RCTNSStringFromStringNilIfEmpty(newProps.orient);
|
|
|
|
self.minX = newProps.minX;
|
|
self.minY = newProps.minY;
|
|
self.vbWidth = newProps.vbWidth;
|
|
self.vbHeight = newProps.vbHeight;
|
|
self.align = RCTNSStringFromStringNilIfEmpty(newProps.align);
|
|
self.meetOrSlice = intToRNSVGVBMOS(newProps.meetOrSlice);
|
|
|
|
setCommonGroupProps(newProps, self);
|
|
}
|
|
|
|
- (void)prepareForRecycle
|
|
{
|
|
[super prepareForRecycle];
|
|
_refX = nil;
|
|
_refY = nil;
|
|
_markerHeight = nil;
|
|
_markerWidth = nil;
|
|
_markerUnits = nil;
|
|
_orient = nil;
|
|
|
|
_minX = 0;
|
|
_minY = 0;
|
|
_vbWidth = 0;
|
|
_vbHeight = 0;
|
|
_align = nil;
|
|
_meetOrSlice = kRNSVGVBMOSMeet;
|
|
}
|
|
#endif // RN_FABRIC_ENABLED
|
|
|
|
- (RNSVGPlatformView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event
|
|
{
|
|
return nil;
|
|
}
|
|
|
|
- (void)parseReference
|
|
{
|
|
self.dirty = false;
|
|
[self.svgView defineMarker:self markerName:self.name];
|
|
[self traverseSubviews:^(RNSVGNode *node) {
|
|
if ([node isKindOfClass:[RNSVGNode class]]) {
|
|
[node parseReference];
|
|
}
|
|
return YES;
|
|
}];
|
|
}
|
|
|
|
- (void)setX:(RNSVGLength *)refX
|
|
{
|
|
if ([refX isEqualTo:_refX]) {
|
|
return;
|
|
}
|
|
|
|
_refX = refX;
|
|
[self invalidate];
|
|
}
|
|
|
|
- (void)setY:(RNSVGLength *)refY
|
|
{
|
|
if ([refY isEqualTo:_refY]) {
|
|
return;
|
|
}
|
|
|
|
_refY = refY;
|
|
[self invalidate];
|
|
}
|
|
|
|
- (void)setMarkerWidth:(RNSVGLength *)markerWidth
|
|
{
|
|
if ([markerWidth isEqualTo:_markerWidth]) {
|
|
return;
|
|
}
|
|
|
|
_markerWidth = markerWidth;
|
|
[self invalidate];
|
|
}
|
|
|
|
- (void)setMarkerHeight:(RNSVGLength *)markerHeight
|
|
{
|
|
if ([markerHeight isEqualTo:_markerHeight]) {
|
|
return;
|
|
}
|
|
|
|
_markerHeight = markerHeight;
|
|
[self invalidate];
|
|
}
|
|
|
|
- (void)setMarkerUnits:(NSString *)markerUnits
|
|
{
|
|
if ([_markerUnits isEqualToString:markerUnits]) {
|
|
return;
|
|
}
|
|
|
|
_markerUnits = markerUnits;
|
|
[self invalidate];
|
|
}
|
|
|
|
- (void)setOrient:(NSString *)orient
|
|
{
|
|
if ([orient isEqualToString:_orient]) {
|
|
return;
|
|
}
|
|
|
|
[self invalidate];
|
|
_orient = orient;
|
|
}
|
|
|
|
- (void)setMinX:(CGFloat)minX
|
|
{
|
|
if (minX == _minX) {
|
|
return;
|
|
}
|
|
|
|
[self invalidate];
|
|
_minX = minX;
|
|
}
|
|
|
|
- (void)setMinY:(CGFloat)minY
|
|
{
|
|
if (minY == _minY) {
|
|
return;
|
|
}
|
|
|
|
[self invalidate];
|
|
_minY = minY;
|
|
}
|
|
|
|
- (void)setVbWidth:(CGFloat)vbWidth
|
|
{
|
|
if (vbWidth == _vbWidth) {
|
|
return;
|
|
}
|
|
|
|
[self invalidate];
|
|
_vbWidth = vbWidth;
|
|
}
|
|
|
|
- (void)setVbHeight:(CGFloat)vbHeight
|
|
{
|
|
if (_vbHeight == vbHeight) {
|
|
return;
|
|
}
|
|
|
|
[self invalidate];
|
|
_vbHeight = vbHeight;
|
|
}
|
|
|
|
- (void)setAlign:(NSString *)align
|
|
{
|
|
if ([align isEqualToString:_align]) {
|
|
return;
|
|
}
|
|
|
|
[self invalidate];
|
|
_align = align;
|
|
}
|
|
|
|
- (void)setMeetOrSlice:(RNSVGVBMOS)meetOrSlice
|
|
{
|
|
if (meetOrSlice == _meetOrSlice) {
|
|
return;
|
|
}
|
|
|
|
[self invalidate];
|
|
_meetOrSlice = meetOrSlice;
|
|
}
|
|
|
|
static CGFloat RNSVG_degToRad = (CGFloat)M_PI / 180;
|
|
|
|
double deg2rad(CGFloat deg)
|
|
{
|
|
return deg * RNSVG_degToRad;
|
|
}
|
|
|
|
- (void)renderMarker:(CGContextRef)context
|
|
rect:(CGRect)rect
|
|
position:(RNSVGMarkerPosition *)position
|
|
strokeWidth:(CGFloat)strokeWidth
|
|
{
|
|
CGContextSaveGState(context);
|
|
|
|
CGPoint origin = [position origin];
|
|
CGAffineTransform transform = CGAffineTransformMakeTranslation(origin.x, origin.y);
|
|
|
|
float markerAngle = [@"auto" isEqualToString:_orient] ? -1 : [_orient doubleValue];
|
|
float angle = 180 + (markerAngle == -1 ? [position angle] : markerAngle);
|
|
float rad = deg2rad(angle);
|
|
transform = CGAffineTransformRotate(transform, rad);
|
|
|
|
bool useStrokeWidth = [@"strokeWidth" isEqualToString:_markerUnits];
|
|
if (useStrokeWidth) {
|
|
transform = CGAffineTransformScale(transform, strokeWidth, strokeWidth);
|
|
}
|
|
|
|
CGFloat width = [self relativeOnWidth:self.markerWidth];
|
|
CGFloat height = [self relativeOnHeight:self.markerHeight];
|
|
CGRect eRect = CGRectMake(0, 0, width, height);
|
|
if (self.align) {
|
|
CGAffineTransform viewBoxTransform =
|
|
[RNSVGViewBox getTransform:CGRectMake(self.minX, self.minY, self.vbWidth, self.vbHeight)
|
|
eRect:eRect
|
|
align:self.align
|
|
meetOrSlice:self.meetOrSlice];
|
|
transform = CGAffineTransformScale(transform, viewBoxTransform.a, viewBoxTransform.d);
|
|
}
|
|
|
|
CGFloat x = [self relativeOnWidth:self.refX];
|
|
CGFloat y = [self relativeOnHeight:self.refY];
|
|
transform = CGAffineTransformTranslate(transform, -x, -y);
|
|
|
|
self.transform = transform;
|
|
CGContextConcatCTM(context, transform);
|
|
|
|
[self renderGroupTo:context rect:eRect];
|
|
|
|
CGContextRestoreGState(context);
|
|
}
|
|
|
|
@end
|
|
|
|
#ifdef RN_FABRIC_ENABLED
|
|
Class<RCTComponentViewProtocol> RNSVGMarkerCls(void)
|
|
{
|
|
return RNSVGMarker.class;
|
|
}
|
|
#endif // RN_FABRIC_ENABLED
|