Einführung in die Vorsichtsmaßnahmen für die Canvas-Entwicklung des WeChat-Miniprogramms

Tutorial zur Mini-ProgrammentwicklungIn der Spalte werden die Vorsichtsmaßnahmen für die Canvas-Entwicklung vorgestellt

Der Test Telefon ist IPHONE6, Entwicklertools Version 0.10.102800. Dasselbe gilt für die Developer Tools-Version 0.11.112301Die Leinwand im WeChat-Applet unterscheidet sich von der h5-Leinwand. Im Folgenden wird die Leinwand des WeChat-Applets als wxcanvas bezeichnet. Im Folgenden finden Sie alle nützlichen Informationen, die ich kurz getestet habe Nach und nach. Seien Sie geduldig und beobachten Sie:

1.wxcanvas verfügt nicht über Breiten- und Höhenattribute und Breiten- und Höhenstile wie h5canvas. Es hat nur einen Stil, der als Box verstanden werden kann.

2 Stellen Sie sich wxcanvas nicht als echtes H5-Canvas vor, sondern als Zeichenbereich Mit anderen Worten, hier wird neu gezeichnet, aber ich weiß nicht, wie ich es konkret umsetzen soll.

4. Änderungen in der CSS-Transformationstransformation Eine große Reduzierung kann die Größe von Dingen auf der ursprünglichen Leinwand nicht ändern.

5. Offizielle Aussage: Der Kontext ist nur ein Container, der Methodenaufrufe aufzeichnet und zum Generieren eines Aktionsarrays verwendet wird, das das Zeichenverhalten aufzeichnet. Es gibt keine entsprechende Beziehung zwischen Kontext und . Das Zeichenaktionsarray eines kontextgenerierten Canvas kann auf mehrere angewendet werden. Tatsächlich werden die Informationen im Kontext nach context.getActions() gelöscht. Wenn Sie sie wiederverwenden möchten, benötigen Sie var temp=context.getActions(), um das Operationsarray zu speichern, bevor es in wx wiederverwendet werden kann .drawcanvas;

6. Beachten Sie, dass

wx.drawCanvas({
　　canvasId: 'target',
　　actions: context.getActions()
});

die Leinwand standardmäßig löscht

7 -scroll="true" und bindtouchmove="cvsMove" existieren gleichzeitig. Um zu verhindern, dass die Seite verschoben wird, funktioniert „catchtouchmove“ nicht. In der obigen Beschreibung werden ccvsMove und cvsMove beide ausgelöst.

ccvsMove gibt eine gemeinsame Berührung zurück Ereignisobjekt, einschließlich pageX, clientX usw.,

cvsMove gibt ein canvasTouch-Ereignisobjekt ohne page zurück. Wenn Sie es ausdrucken, werden Sie feststellen, dass Sie es verstehen können Inhalt im Inneren. Sie können das Array direkt ändern, um die Zeichenaktion zu ändern. wx.canvasToTempFilePath

Es stellt sich heraus, dass der Parameter

wx.canvasToTempFilePath ein Objekt ist, das „canvasID“, „success“, „fail“, „complete“ enthält und wx.saveFile ähnelt

Das obige ist der detaillierte Inhalt vonEinführung in die Vorsichtsmaßnahmen für die Canvas-Entwicklung des WeChat-Miniprogramms. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!