<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<oembed>
  <author_name>septeni-original</author_name>
  <author_url>https://blog.hatena.ne.jp/septeni-original/</author_url>
  <blog_title>FLINTERS Engineer's Blog</blog_title>
  <blog_url>https://blog.flinters.co.jp/</blog_url>
  <categories>
    <anon>HTML5</anon>
  </categories>
  <description>皆さん こんばんわ。@kouhei_mitsuyaです。 今日はHTML5で新たに追加された要素として代表的な[Canvas]を使って簡単な図形をつくってみようと思います。キャンバスの使用方法まずcanvasタグを使用し幅と高さを持たせます。 &lt;canvas id=&quot;canvas1&quot; width=&quot;500&quot; height=&quot;300&quot;&gt;&lt;/canvas&gt; このキャンバスに対しjavascriptを用いて描写していきます。次にcanvasが持つメソッドを使用して描画コンテキストを取得します。 //? var canvas = document.getElementById('canvas1'); …</description>
  <height>190</height>
  <html>&lt;iframe src=&quot;https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.flinters.co.jp%2Fentry%2F20110107%2F1294347688&quot; title=&quot;HTML5-Canvas要素 - FLINTERS Engineer&amp;#39;s Blog&quot; class=&quot;embed-card embed-blogcard&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; style=&quot;display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;&quot;&gt;&lt;/iframe&gt;</html>
  <image_url></image_url>
  <provider_name>Hatena Blog</provider_name>
  <provider_url>https://hatena.blog</provider_url>
  <published>2011-01-07 06:01:28</published>
  <title>HTML5-Canvas要素</title>
  <type>rich</type>
  <url>https://blog.flinters.co.jp/entry/20110107/1294347688</url>
  <version>1.0</version>
  <width>100%</width>
</oembed>
