Languages

Menu
Sites
Language
Canvas incompatible with Tizen 2.3.2 Wearable WebWidget?

I am trying to use the canvas element in a web widget on the Gear S2/S3, with Tizen 2.3.2.

As part of the main web app, there is no problem with a canvas, but in the web widget, I see the dreaded "It appears your browser cannot render HTML5 canvas" message.

 

To duplicate:

  • Create a new project in Tizen Studio: File -> New-> Tizen Project -> Template -> Wearable 2.3.2 -> Web Application -> Widget
  • Change only the file index.html under the ./widget/Widget directory, to include a canvas in the body:

<body>
  <div id="page">
      <canvas id="canvas" width="360px" height="360px">
        It appears your browser cannot render HTML5 canvas.
      </canvas>
    <div id="container">
      <p id="content-text">Hello Widget</p>
    </div>
  </div>
</body>

 

The widget comes out all white, with the "cannot render" message centred on the first line, barely visible.

Am I doing something wrong, or is canvas incompatible with Tizen 2.3.2 Wearable WebWidget?

 

Hendrik

View Selected Answer

Responses

2 Replies
Mark as answer
André Reus

hi Boshoff ~

I have also tried to add HTML Canvas on Web Widget. Result was same. May be unfortunately Canvas is not supported on Tizen Web Widget. 

But still you can make interactive, attractive design using existing Tizen API. 

Look these for more details 

1. https://developer.tizen.org/design/wearable/widget-board

2. https://developer.tizen.org/development/guides/web-application/application-management/applications/widget-application

3. https://developer.tizen.org/development/training/web-application/getting-started/creating-your-first-tizen-wearable-web-widget-application 

-hope these will help you. 

Hendrik Boshoff

Thanks for the reply, André!

Following your links, I see that the Tizen Wearable Web Widget Specification page gives "the complete list of features supported by the Widget engine". The html5 canvas is evidently not part of it. Some CSS properties like "transform" may be useful instead.

It helps me already.