Hi,
I have created an SVG using Sketch and included it in an Angular View by
inline SVG.
Inside this SVG are for example the following elements:
<text id="targetTemp" sketch:type="MSTextLayer">
<tspan x="0" y="140">{{degrees}}°</tspan>
<tspan x="150" y="140" font-size="64">.{{dotDegrees}}</tspan>
</text>
<g id="btns" sketch:type="MSLayerGroup" transform="translate(158.000000,
59.000000)" stroke="#FFFFFF" fill="#FFFFFF">
<polygon ng-click="up()" id="btn_up" sketch:type="MSShapeGroup"
points="55.5 0 110 37 1 37 "></polygon>
<polygon ng-click="down()" id="btn_down" sketch:type="MSShapeGroup"
transform="translate(54.500000, 258.500000) rotate(180.000000)
translate(-54.500000, -258.500000) " points="54.5 240 109 277 0 277
"></polygon>
</g>
By click on polygon btn_up/btn_down the variables degrees and dotDegrees
are changed.
Everything works quite well using desktop browsers (Chrome, Safari,
Firefox). But on mobile everything breaks down. With a click on one of the
polygons the SVG gets doubled, D3 changes don't work...
Does anybody have an idea what's the problem and how to fix it?
You can have a look at the app at http://svg-trv.herokuapp.com/#/
Best,
Dominic
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
